Agent skill · data analytics · aiskillstore
audit
Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.
Why this skill is useful
Generates a detailed audit report with prioritized issues and actionable recommendations that the AI wouldn't reliably create on its own.
What it needs
About 3k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
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 dark theme Inconsistent tokens: Using wrong tokens, mixing token types Theme switching issues: Values that don't update on theme change 4. Responsive Design - Check for: Fixed widths: Hard-coded widths that break on mobile Touch targets: Interactive elements < 44x44px Horizontal scroll: Content overflow on narrow viewports Text scaling: Layouts that break when text size increases Missing breakpoints: No mobile/tablet variants 5. Anti-Patterns (CRITICAL) - Check against ALL the DON'T guidelines in the frontend-design skill. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/audit--2a41b7