1---
2tagline: "Five-dimension technical quality check with P0 to P3 severity."
3---
4
5## When to use it
6
7`/audit` is the technical counterpart to `/critique`. Where `/critique` asks "does this feel right", `/audit` asks "does this hold up". It runs accessibility, performance, theming, responsive design, and anti-pattern checks against the implementation, scores each dimension 0 to 4, and produces a plan with P0 to P3 severity ratings.
8
9Use it before shipping, during a quality sprint, or whenever a tech lead says "we should really look at accessibility".
10
11## How it works
12
13The skill scans your code across five dimensions:
14
151. **Accessibility**: WCAG contrast, ARIA, keyboard nav, semantic HTML, form labels.
162. **Performance**: layout thrashing, expensive animations, missing lazy loading, bundle weight.
173. **Theming**: hard-coded colors, dark mode coverage, token consistency.
184. **Responsive**: breakpoint behavior, touch targets, mobile viewport handling.
195. **Anti-patterns**: the same deterministic 25 checks the detector runs.
20
21Each dimension gets a 0 to 4 score. Each finding gets a severity: P0 blocks the release, P1 should fix this sprint, P2 is next cycle, P3 is polish. You get back a single document you can paste into a ticket tracker.
22
23Audit does not fix anything. It documents. Route the findings to `/polish`, `/harden`, or `/optimize` depending on the category.
24
25## Try it
26
27```
28/audit the checkout flow
29```
30
31Expected output:
32
33```
34Accessibility: 2/4 (partial)
35 P0: Missing form labels on 4 inputs
36 P1: Contrast 3.1:1 on disabled button state
37 P2: No visible focus indicator on custom dropdown
38
39Performance: 3/4 (good)
40 P1: Hero image not lazy-loaded (340KB)
41 ...
42```
43
44Hand the P0s to `/harden`, the theming and typography P1s to `/typeset` and `/polish`, the rest to `/polish`.
45
46## Pitfalls
47
48- **Confusing it with `/critique`.** Audit is implementation quality. Critique is design quality. Run both for a full picture.
49- **Fixing P3s before P0s.** The severity scale exists for a reason. Start at the top.
50- **Skipping the dimensions you think are fine.** Theming and responsive are the ones most people assume are fine until they are not.