Design Review Pipeline
9 skills + Phase 6 design gates. One pipeline. Deterministic quality.
Design flow is now governed by mechanical gates: 17-section DESIGN.md schema, design-gate.sh in 3 modes (strict/audit/verify), design-upgrade.sh for existing projects, token-validate.sh for CSS drift, and approval-gate.sh for prototype→approved transitions. Direction skills (brutalist, minimalist, premium) compose with platform skills through the schema. See Release v6.0.0 →
The Review Pipeline
critique → audit → clarify → hard → polish → typeset → adapt → optimize → delight9 Review Skills
1. critique-skill — Design Quality
Heuristic review using Nielsen's 10 usability heuristics and 4 persona tests. Detects AI slop patterns. Produces a score per heuristic.
2. audit-skill — Technical Quality
5-dimension scan: accessibility, performance, theming, responsive, anti-patterns. P0-P3 severity scoring.
3. clarify-skill — UX Copy
Rewrites labels, errors, buttons, empty states, confirmations. Voice-tuned per audience.
4. hard-skill — Accessibility
Mechanical P0/P1 fixes: ARIA attributes, keyboard navigation, form validation, error/empty/loading states.
5. polish-skill — Design Details
Fixes spacing, alignment, token drift, border radius, shadows. No design decisions — only compliance.
6. typeset-skill — Typography
Applies type ramp, fixes line-height, letter-spacing, paragraph rhythm.
7. adapt-skill — Responsive
Breakpoints, touch targets (≥44px), viewport handling, mobile overflow.
8. optimize-skill — Performance
Bundle size, lazy loading, image optimization, animation compositing, layout thrashing.
9. delight-skill — Micro-interactions
Hover/tap feedback, state transitions, loading animation, success/error feedback.