( add this so Claude knows it can use this tool, Claude will take screenshots to compare before/after making changes to the CSS for example )
Use .claude/scripts/screenshot.mjs to check visual changes. Run it on the host; it uses Chromium. The Vite dev server must be running or pages render unstyled. Always assume vite dev server is running, do not run it yourself (ask the user).
By default pages are fetched signed out (fresh temporary profile). Use --profile for pages that require a sign in: it uses a persistent profile (~/snap/chromium/common/claude-puppeteer-profile) that the user signs into with --login. If a --profile screenshot shows the landing page or a sign-in form, ask the user to run --login; do not run it yourself.
node .claude/scripts/screenshot.mjs <url> [selector] <output.png> [--width=1280] [--height=800] [--full] [--dark] [--wait=ms] [--profile]