Visual regression qa
Skill jukrap/ai-agent-playbook/skills/frontend/visual-regression-qa
Use when checking screenshots, responsive breakpoints, layout overflow, clipping, visual diffs, font/text fit, canvas/media rendering, or browser-rendered UI regressions.From its SKILL.md
npx -y skills add jukrap/ai-agent-playbook --skill visual-regression-qaAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.2 KB, 193 tokens by cl100k_base, as published. Nobody here has run it
Visual Regression QA
Use this as the primary frontend skill for rendered UI regression checks and visual verification.
Workflow
- Identify the changed surfaces, stable viewports, dynamic states, baseline artifacts, and acceptable visual tolerance.
- Capture or inspect rendered UI instead of relying only on static code review when visual behavior changed.
- Separate intentional design change from regression, data-dependent variation, animation, and environment noise.
- Verify desktop/mobile widths, text fit, overflow, clipping, loading/empty/error states, and any image/canvas/media rendering touched by the change.
Reference
Read references/visual-snapshot-checks.md for screenshot, diff, baseline, and artifact review.
Read references/responsive-overflow-checks.md for breakpoint, text fit, clipping, and dynamic content checks.
Read references/interaction-responsive-production.md for production interaction states, touch/pointer behavior, motion, and data-density checks.
What ships with it: 3 files
5.3 KB alongside SKILL.md