Visual QA
0Visual QA utilizes vision models to review screenshots against design intent, identifying issues such as spacing, alignment, and accessibility. This skill is aimed at designers and developers who want to ensure their work aligns with established design standards before deployment.
000Updated 3w ago
Design & UI/UX
Quick InstallView Source
$ npx skills add https://github.com/dylanfeltus/skills --skill visual-qaOverview
About This Skill
Visual QA leverages vision-capable AI models to automatically review screenshots against design standards. The skill evaluates seven key categories—layout, typography, color, hierarchy, components, polish, and responsive behavior—providing structured feedback on spacing, alignment, color consistency, and accessibility gaps. It supports full reviews, quick reviews, and mockup comparisons, helping designers and developers catch issues before shipping. Integration with build workflows enables QA checks during development. The skill requires a vision-capable model like GPT-4o or Claude and the ability to capture screenshots via browser tools or user-provided images.
How to Use
Install the skill using the provided npm command.
Use Cases
User requests to review a design or screenshot.
After building a page, verify design accuracy.
Compare implementation against mockups.
User asks if the design meets expectations.
Tags
Setup & Installation
Quick Install
Terminal
$ npx skills add https://github.com/dylanfeltus/skills --skill visual-qaAlternative Install (Git Clone)
git clone https://github.com/dylanfeltus/skillsRequirements
- Claude Code or compatible AI agent
Quick Start Guide
1
Install the Skill
Copy the install command above and run it in your terminal.
2
Open Your AI Agent
Launch Claude Code, Cursor, or your preferred AI coding agent.
3
Try It Out
Use the prompt template or examples below to test the skill.
4
Customize
Adapt the skill to your specific use case and workflow.
Usage Examples
📝
No Examples Available
Check the GitHub repository or documentation for usage examples.
Apply to these tools
Browse all toolsCompatible MCP servers
Browse all MCP serversFind the right skills for your stack
Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan