verify-in-browserlisted

# verify-in-browser Playwright + a headless Chromium shell are preinstalled in this image (`PLAYWRIGHT_BROWSERS_PATH=/ms-playwright`). The pattern: ```bash # 1. serve the checkout (from the repo root — your cwd); the trap guarantees # the server dies even if the screenshot command fails python3 -m http.server 4173 & SERVER_PID=$! trap 'kill $SERVER_PID 2>/dev/null' EXIT # 2. screenshot the page you changed (mobile-ish viewport; adjust as needed) npx playwright screenshot --viewport-size=390,844 --full-page \ "http://localhost:4173/index.html" /tmp/verify.png ``` Then use the Read tool on `/tmp/verify.png` to inspect the render, and describe what you saw in your reply ("verified — the hero is amber now"). Rules: - **Run the whole block as ONE command** so the trap can do its job — the trap kills the server when that shell exits, even if the screenshot fails. Never leave background processes running: RAM on this machine is shared with other jobs. (Orphaned `http.server`s have leaked before — check with `ls /proc/*/exe` if in doubt and kill strays.) - Screenshots go to `/tmp`, never into the repo (don't commit them). - Static sites only need `http.server`; if the site has a build step, build first (check the repo's README) and serve the build output directory. - A desktop check uses `--viewport-size=1280,800`.