A UX depth library. Read the reference for the task before designing or reviewing; each number and pattern has one home there, so cite the reference rather than restating values from memory.
Lens
Rank every decision by the UX hierarchy of needs: functional, then reliable, usable, convenient, and only then pleasurable.
- Calm over busy. Motion, color and density earn their place by aiding understanding.
- AI as copilot, not autopilot. AI help is optional, labeled, reversible and transparent.
- Responsible adaptation. Adapt to real user needs and context; never manipulate through opaque personalization.
- Judgment over polish. Research, correctness and knowing when not to add something are the value.
Baseline
Every interface, whatever the task:
- Every interactive element is reachable and operable by keyboard, with a visible focus state and an accessible name and role.
- Color never carries information alone; images have text alternatives.
- Every action produces a visible response; motion respects
prefers-reduced-motion. - Errors appear next to their field in plain language.
- Consent is symmetric: equal-prominence accept and reject, nothing pre-checked, cancellation as easy as sign-up, neutral decline copy.
- Strings are externalized and layouts survive translation and
dir="rtl".
References
| Task | Reference |
|---|---|
| Usability heuristics, mental models, anti-pattern audit index | 01-core-principles |
| Laws of UX (Fitts, Hick, Miller, Jakob) | 02-laws-of-ux |
| WCAG 2.2 AA and EAA accessibility | 03-accessibility |
| Visual hierarchy, typography, spacing | 04-visual-design |
| Navigation, wayfinding, content structure | 05-information-architecture |
| Feedback, states, gestures, modal vs panel vs page | 06-interaction-design |
| Forms, validation, input types | 07-forms-and-inputs |
| Mobile ergonomics and thumb zones | 08-mobile-ux |
| UX writing and microcopy | 09-ux-writing |
| User research methods | 10-user-research |
| Design system foundations and governance | 11-design-systems |
| Presence, live cursors, avatars | 12a-presence-awareness |
| Conflicts, sync, sharing, offline | 12b-conflict-resolution-sync |
| Canvas zoom, pan, selection | 13a-canvas-navigation |
| Canvas objects, layers, performance | 13b-canvas-objects-performance |
| AI chat, copilots, agents, generative UI | 14-ai-ux-patterns |
| Dark patterns and consent | 15-ethical-design |
| Onboarding and activation | 16-onboarding |
| Notifications, toasts, attention | 17-notifications |
| Dashboards and data visualization | 18-data-visualization |
| Search and autocomplete | 19-search-ux |
| Emotional design and trust | 20-emotional-design |
| Data tables, pagination, bulk actions | 21-data-tables |
| Loading, skeletons, optimistic updates | 22-performance-ux |
| Internationalization and RTL | 23-internationalization |
| Voice, multimodal, cross-device input | 24-voice-and-multimodal |
For an audit, walk the anti-pattern index in 01-core-principles and report each hit with its reference.