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:

  1. 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
Installs
1
GitHub Stars
2
First Seen
Jun 3, 2026
design-audit — shreyas-makes/agent-skills