← ClaudeAtlas

auditlisted

Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.
antonioshaman/aura-companion · ★ 0 · AI & Automation · score 76
Install: claude install-skill antonioshaman/aura-companion
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. **First**: Use the frontend-design 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 2. **Performance** - Check for: - **Layout thrashing**: Reading/writing layout properties in loops - **Expensive animations**: Animating layout properties (width, height, top, left) instead of transform/opacity - **Missing optimization**: Images without lazy loading, unoptimized assets, missing will-change - **Bundle size**: Unnecessary imports, unused dependencies - **Render performance**: Unnecessary re-renders, missing memoization 3. **Theming** - Check for: - **Hard-coded colors**: Colors not using design tokens - **Broken dark mode**: Missing dark mode variants, poor contrast in dar