loading
loading
Review screenshots across viewports for overlap, clipping, layout, and responsive breaks.
Systematic visual QA across viewports — it catches the text overflow and clipping a quick glance misses, and won't guess at behavior from a still.
Listed for review
No verified public repo for this skill yet, so this page does not give you an install command. Skills with a verified source install in one command — or fully manual: copy the skill folder into .claude/skills/ and your agent picks it up.
Boostor Quality Score
84/100 · B
Screenshot QA Reviewer takes labeled screenshots, your expected behavior, and a viewport list, then returns a QA report: overlap, clipping, layout breaks, wrong states, and responsive issues. It requires viewport labels so a desktop bug isn't reported as mobile, distinguishes what it can see in the image from what it would have to assume about the code, and watches for the text overflow that slips past a quick glance.
Sweep a page for the accessibility issues that block users — semantics, keyboard, contrast, forms, SR.
Honest about its limits: it labels automated vs manual findings and won't claim WCAG compliance from a script — but it catches the real blockers.
Transparent + deterministic: every point above is computed from this skill's real fields plus a prompt-injection safety scan. No black box, no pay-to-rank.
Auto-generate Storybook stories and prop docs from React component source.
Storybook stories are the docs nobody writes. This reads your component types and generates the stories and prop tables so the chore stops being optional.
Find repeated spacing, type, and color inconsistencies after rapid AI changes — and a convergence plan.
For UIs that fragmented during fast AI changes — it finds the repeated drift and gives a convergence plan, not a redesign.