visual-regression-lab
Use after frontend changes or before delivery to run rendered visual QA with Playwright/browser screenshots, viewport checks, console/network checks, overflow detection, canvas/media verification, before/after comparisons, and responsive polish review.
npx skills add TheGoat395/Codex-Skills --skill visual-regression-lab --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Visual Regression Lab Use this skill to prove the site looks right in a browser, not just in code. ## Required Checks 1. Start or identify the local server. 2. Open the relevant route in a browser or Playwright. 3. Capture desktop and mobile screenshots. 4. Check console errors, failed requests, layout overflow, missing media, and text clipping. 5. Inspect first viewport composition, hierarchy, spacing, typography, image crops, and CTA visibility. 6. Test key interactions: nav, forms, menus, tabs, accordions, hover states, focus states, and modals. 7. For animation-heavy work, test reduced-motion behavior and watch for jank. 8. For canvas/WebGL/video, verify nonblank rendered pixels and stable framing. 9. Do one second-pass polish edit when the result feels generic or cramped. ## Output Report: - routes/viewports checked - screenshots or saved paths when available - issues found and fixed - commands run - anything not tested
- Required Checks
- Output
What does the visual-regression-lab skill do?
Use after frontend changes or before delivery to run rendered visual QA with Playwright/browser screenshots, viewport checks, console/network checks, overflow detection, canvas/media verification, before/after comparisons, and responsive polish review.
How do I install it?
Run `npx skills add TheGoat395/Codex-Skills --skill visual-regression-lab --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From TheGoat395/Codex-Skills, a repository with 115 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.