Visual regression qa

Skill jukrap/ai-agent-playbook/skills/frontend/visual-regression-qa

Reusable AI agent skills, project templates, and guardrails for safer software maintenance and delivery.

Install

npx -y skills add jukrap/ai-agent-playbook --skill visual-regression-qa

Assembled 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.

What its author says it does

Copied from the file, not written here

Use when checking screenshots, responsive breakpoints, layout overflow, clipping, visual diffs, font/text fit, canvas/media rendering, or browser-rendered UI regressions.

SKILL.md

1.2 KB, 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.