audit

Installation
Summary

Systematic quality audit across accessibility, performance, theming, and responsive design with prioritized findings.

  • Scans five dimensions: accessibility (contrast, ARIA, keyboard nav, semantic HTML, alt text, forms), performance (layout thrashing, expensive animations, bundle size, render efficiency), theming (hard-coded colors, dark mode, token consistency), responsive design (fixed widths, touch targets, overflow, text scaling), and AI anti-patterns
  • Documents issues by severity (Critical, High, Medium, Low) with location, impact, relevant standards, and specific recommendations
  • Identifies systemic patterns and recurring problems across the codebase to guide refactoring priorities
  • Maps findings to actionable fix commands (normalize, optimize, harden, adapt, etc.) for downstream execution
  • Generates comprehensive report with executive summary, detailed findings, positive practices, and prioritized remediation roadmap
SKILL.md

MANDATORY PREPARATION

Invoke /impeccable — it contains design principles, anti-patterns, and the Context Gathering Protocol. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first.


Run systematic technical quality checks and generate a comprehensive report. Don't fix issues — document them for other commands to address.

This is a code-level audit, not a design critique. Check what's measurable and verifiable in the implementation.

Diagnostic Scan

Run comprehensive checks across 5 dimensions. Score each dimension 0-4 using the criteria below.

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
Related skills

More from pbakaus/impeccable

Installs
82.2K
GitHub Stars
27.1K
First Seen
Mar 4, 2026