What problem does it solve?
This Skill assists designers and developers in identifying and fixing visual inconsistencies, spacing issues, and other quality issues within designs. It ensures a consistent, high-quality product before release.
Core Features & Use Cases
- Visual Inconsistency Detection: Finds visual errors, including alignment, hierarchy, and color issues.
- Spacing Issues and Hierarchy Problems: Pinpoints issues like text spacing, margin width, and component alignment.
- AI Slop Pattern and Interaction Slowdowns: Addresses problems arising from AI-generated elements, including inconsistency in design elements and responsiveness.
- Iterative Fixes and Atomic Commits: Atomically applies fixes, keeping the history clean and verifiable.
- Plan-Mode Review: Useful for design review before implementation with
/plan-design-review.
Quick Start
To perform a visual QA on the 'features/homepage' branch, use the command: /design-review --branch features/homepage.