// >
| name | design-qa-skill |
| description | Skill providing design QA checklists and principles for visual review across lanes. Used by design-review agents to enforce hierarchy, spacing, color, and responsiveness. |
This skill equips design-review agents (e.g. nextjs-design-reviewer) with
structured design QA knowledge without bloating their prompts.
It draws on established UX/UI best practices and visual design principles.
Design review should cover:
Visual Hierarchy & Typography
Spacing & Alignment
Color & Contrast
Responsive Behavior
Interaction & Accessibility
When performing design QA:
Load this skill and build a short internal checklist for this task based on the areas above.
Apply that checklist to:
Score issues by severity:
Provide a design_score (0-100) based on:
This skill centralizes design QA knowledge so that visual review agents remain lightweight and focused on applying these checklists to the implementation.