What's in v2.0
The original release had solid principles but left developers to interpret paragraphs. v2 closes the gap between "good advice" and "code I can ship."
Highlights
- 12 core principles with do/don't Tailwind + React code examples
- 13 deep-dive reference docs — accessibility, responsive design, typography, color systems, forms, UI states, overlays, and more
- 7 component checklists — buttons, cards, tables, forms, modals, navigation, dashboards (12-14 items each)
- Two modes — Guide (build it right) and Review (audit what exists with P0/P1/P2 findings)
- Multi-agent support — Claude Code, Cursor, Codex, and Windsurf
- Interactive installer —
curl -sSL https://raw.githubusercontent.com/narenkatakam/ux-audit/main/install.sh | bash
New in v2
- Every principle now has do/don't code examples
- 3 new reference docs: forms, UI states, overlays
- 7 component checklists with cross-references to principles
- Quick-reference index at the top of SKILL.md
- Review template tightened — Essential (15 must-pass) vs Polish (25 items)
- Core principles sharpened with concrete rules (shadow limits, color counts, whitespace ratios)
- Dark mode guidance deepened (elevation strategy, saturation reduction)