What problem does it solve? Judging visual changes by reading code is unreliable — spacing, overflow, contrast, and narrow-width reflow cannot be derived from source. This Skill renders the actual page in headless Chromium and captures screenshots so appearance is verified by observation, in both light and dark themes. ## Core Features & Use Cases - Headless screenshot capture: Boots the Next.js dev server, waits for it to answer, and captures viewport screenshots with Chrome's built-in --screenshot flag — no Playwright dependency. - Theme and width handling: Documents the --force-dark-mode flag for dark captures, the 500px headless width floor that falsifies sub-500px captures, and CDP-based driving for true phone widths, hover states, and pixel measurement. - Print verification: Rasterizes committed PDFs with pypdfium2 to inspect print stylesheets that only manifest on paginated paper. - Use Case: After changing a component's color, capture the route at 1280px in both themes, read the images back, and confirm the contrast holds in dark mode before claiming the change works. ## Quick Start Boot the dev server for the site and capture a screenshot of the changed route in both light and dark themes, then tell me what the images actually show.
