uix

Audits a UI against WCAG 2.2 (Perceivable/Operable/Understandable/Robust), covering every AA criterion and all nine criteria new in 2.2 — focus not obscured, focus appearance, dragging movements, target size 24×24, consistent help, redundant entry, accessible authentication. Auto-activates on "accessibility audit", "WCAG check", "a11y review", "is this accessible", "check contrast", "keyboard accessible", or /uix:accessibility-audit. Produces a per-criterion pass/fail/NA report with fixes.

Recommends the right UI pattern from Tidwell's "Designing Interfaces" catalog for a given interaction problem — navigation, layout, lists/data, forms, controls, mobile. Auto-activates on "what pattern should I use for X", "how do I let users [do Y]", "what's the best way to show [Z]", or /uix:choose-pattern. Returns primary pattern, 1-2 alternatives, and why each fits or doesn't.

Builds a complete UI color palette — 8-10 grey shades, 1-2 primary hues with 5-10 shades each, accent colors for success/warning/danger/info — following Refactoring UI's HSL method plus Albers's relativity and Colour and Light's luminance rules. Auto-activates on "build a color palette", "design a color system", "pick UI colors", "how many shades do I need", "should I use this color", "dark mode palette", or /uix:color-system. Outputs palette with HSL values, contrast ratios, and usage rules.

Proposes a component design (button, card, modal, form, nav, table, dashboard widget, etc.) grounded in Tidwell's pattern catalog plus Refactoring UI's hierarchy/spacing/color/type rules. Auto-activates when the user says "design a component", "propose a [component] design", "how should I build a [X]", "spec a [X]", or invokes /uix:design-component. Returns pattern choice, states, spacing/type decisions, accessibility notes, and a reference implementation sketch.

Explains and applies UI/UX design principles — visual hierarchy, spacing systems, typography rules, Krug's laws of usability, Hick's/Fitts's/Miller's laws, satisficing, scent, Tidwell's user behaviors (safe exploration, satisficing, habituation, spatial memory), empty states, de-emphasis, action hierarchy, dark patterns. Auto-activates when the user asks "why does X feel wrong", "what's the principle behind Y", "how should I hierarchy / space / align this", or invokes /uix:design-principles. Grounded in Refactoring UI, Don't Make Me Think, Designing Interfaces, and UX for Beginners.

4 hooks across 4 events