← ClaudeAtlas

ui-ux-auditlisted

Structured UI/UX audit of a screen or flow — hierarchy, clarity, states, a11y, mobile. Use before shipping UI or when asking “what’s wrong with this page?”.
edenbuilds/agentloop · ★ 0 · Web & Frontend · score 68
Install: claude install-skill edenbuilds/agentloop
# UI/UX Audit ## Passes (in order) 1. **Job** — What is the one job of this view? Is the primary action obvious in <3s? 2. **Hierarchy** — Brand/product, headline, support, CTA. Anything competing? 3. **Composition** — One composition per viewport; avoid dashboard soup on marketing surfaces. 4. **States** — Empty, loading, error, success, permission denied. 5. **Input** — Labels, errors inline, keyboard, focus, touch targets. 6. **Motion** — Purposeful or noise? 7. **A11y** — Contrast, semantics, hit area, reduced motion. 8. **Mobile** — Reflow, not shrunk desktop. ## Output format - Findings ordered by severity (blocker → nit) - Each finding: observation → why it hurts → concrete fix - End with a 5-item fix order (highest leverage first) ## Pair with `contrasting` for contrast math; `no-ai-slop` for generic visual language; `humanise` for microcopy.