design-audit
Installation
SKILL.md
Run systematic quality checks and generate a comprehensive audit report with prioritized issues and actionable recommendations. Don't fix issues - document them for other commands to address.
Use design-audit when the user wants a full review with severity, standards, qualitative design judgment, and remediation guidance.
It should be the default diagnostic path unless the user explicitly asks for a fast critique-only pass.
First: Use the design-ui skill for design principles and anti-patterns.
Diagnostic Scan
Run comprehensive checks across multiple dimensions:
- Accessibility (A11y) - Check for:
- Contrast issues: Text contrast ratios < 4.5:1 (or 7:1 for AAA)
- Missing ARIA: Interactive elements without proper roles, labels, or states
- Keyboard navigation: Missing focus indicators, illogical tab order, keyboard traps
- Semantic HTML: Improper heading hierarchy, missing landmarks, divs instead of buttons
- Alt text: Missing or poor image descriptions
- Form issues: Inputs without labels, poor error messaging, missing required indicators