Use vision models to self-review screenshots against design intent. Catch spacing issues, alignment problems, color inconsistencies, responsive bugs, and accessibility gaps before shipping.
Copy the visual-qa folder into your agent's skills directory.
- 7 review categories in priority order: layout, typography, color, hierarchy, components, polish, responsive
- Structured output formats for full reviews, quick reviews, and mockup comparisons
- Vision model prompts tuned for different review types
- Build workflow integration — when and how to run QA during development
"Review this landing page screenshot"
"Does my implementation match this Figma design?"
"Check if this component looks good on mobile"
Requires a vision-capable model (GPT-4o, Claude, Gemini) and the ability to capture screenshots (browser tool, Peekaboo, or user-provided images).
MIT