Audit visual designs for inconsistencies, spacing, hierarchy, and slow interactions.
npx skills add https://github.com/mi179/claude-skills --skill design-review-mi179
Please help me install this Agent Skill. Skill: design-review Source: https://github.com/mi179/claude-skills/tree/main/user/gstack/design-review Command: npx skills add https://github.com/mi179/claude-skills --skill design-review-mi179
Designer's eye QA: finds visual inconsistency, spacing issues, hierarchy problems, AI slop patterns, and slow interactions — then fixes them. Iteratively fixes issues in source code, committing each fix atomically and re-verifying with before/after screenshots. For plan-mode design review (before implementation), use /plan-design-review. Use when asked to "audit the design", "visual QA", "check if it looks good", or "design polish". Proactively suggest when the user mentions visual inconsistencies or wants to polish the look of a live site. (gstack)
Ask me to audit a page or design mockup and I will identify visual issues and propose fixes.
High-intent search queries and answers about installing and using this skill.
Visual QA audits identify inconsistencies, spacing problems, and hierarchy issues in UI mockups, style guides, or component libraries. The review process iteratively fixes issues in source code, committing each fix atomically and re-verifying with before and after screenshots.
Fixing spacing and hierarchy problems in a live site requires iteratively adjusting source code and verifying with before and after screenshots. This process catches visual inconsistency, AI slop patterns, and slow interactions, ensuring traceable UI polish improvements through atomic commits.
Yes, design system refinement is supported through plan-mode design review before implementation. This approach audits component libraries and style guides to catch typography and spacing issues, proposing concrete fixes before any code changes are made.
Yes, providing source code is necessary to fix visual issues. The Skill iteratively applies fixes directly in the source, requiring a disciplined workflow with atomic commits and before and after verification screenshots to ensure traceable improvements.
A design review catches visual inconsistencies, spacing issues, hierarchy problems, AI slop patterns, and slow interactions. It applies to live sites, design mockups, style guides, and component libraries to ensure polished, consistent design quality.
Before and after verification works by capturing screenshots before a fix and after applying it to the source code. This iterative process ensures visual QA improvements are traceable and validated, with each adjustment committed atomically to maintain a clean workflow.
geoffreywooIdentify and fix visual design flaws across sites and component libraries.
legotec73Audit live websites for visual issues and apply atomic code fixes.
Rory-XDetect and report visual, structural, and interaction issues in a Slidev deck.
luanrodriguesGenerate Jest snapshot tests for React Native components across iOS and Android.
