Install~/.claude/commands/ux-review.md→ invoke as /ux-review
The content below is the complete file Claude Code will execute — copy or download it to install.
Show raw source
# /ux-review — UI/UX Review
Review the UI/UX of `$ARGUMENTS` using the ui-ux-pro-max design intelligence framework.
## Instructions
Apply the full UI/UX Pro Max methodology:
### 1. Identify product type
Classify against the 161 product types and 10 BI/Analytics Dashboard archetypes (Data-Dense, Executive, Drill-Down Analytics, etc.)
### 2. Audit against the 10 priority rule categories
- **P1 Accessibility (CRITICAL):** contrast, focus states, ARIA, keyboard nav
- **P2 Touch & Interaction (CRITICAL):** target sizes, gesture conflicts
- **P3 Performance (HIGH):** lazy loading, virtualized lists, bundle
- **P4 Style Selection (HIGH):** visual consistency, dark mode, primary action
- **P5 Layout & Responsive (HIGH):** visual hierarchy, content priority, breakpoints
- **P6 Typography & Color (MEDIUM):** font pairing, semantic color, data readability
- **P7 Animation (MEDIUM):** duration 150-300ms, transform-only, interruptible
- **P8 Forms & Feedback (MEDIUM):** validation, loading/error/empty states
- **P9 Navigation Patterns (HIGH for dashboards):** IA hierarchy, back behavior, deep links, no mixed-level nav patterns
- **P10 Charts & Data (HIGH for dashboards):** chart-to-data-type match, tooltips, drill-down breadcrumbs, data density
### 3. Report format
- What's working well (with rule references)
- Violations (rule name + why it's a problem + concrete fix)
- Top 3 recommendations ranked by user impact
### 4. Pre-delivery checklist
Run through the visual quality, interaction, light/dark mode, layout, and accessibility checks.
If `$ARGUMENTS` is a screenshot or component description, focus there. If it's a general "dashboard" or system, review the overall IA and navigation patterns first.
/ux-review — UI/UX Review
Review the UI/UX of $ARGUMENTS using the ui-ux-pro-max design intelligence framework.
Instructions
Apply the full UI/UX Pro Max methodology:
1. Identify product type
Classify against the 161 product types and 10 BI/Analytics Dashboard archetypes (Data-Dense, Executive, Drill-Down Analytics, etc.)
2. Audit against the 10 priority rule categories
P1 Accessibility (CRITICAL): contrast, focus states, ARIA, keyboard nav
P8 Forms & Feedback (MEDIUM): validation, loading/error/empty states
P9 Navigation Patterns (HIGH for dashboards): IA hierarchy, back behavior, deep links, no mixed-level nav patterns
P10 Charts & Data (HIGH for dashboards): chart-to-data-type match, tooltips, drill-down breadcrumbs, data density
3. Report format
What’s working well (with rule references)
Violations (rule name + why it’s a problem + concrete fix)
Top 3 recommendations ranked by user impact
4. Pre-delivery checklist
Run through the visual quality, interaction, light/dark mode, layout, and accessibility checks.
If $ARGUMENTS is a screenshot or component description, focus there. If it’s a general “dashboard” or system, review the overall IA and navigation patterns first.
This site uses Google Analytics and PostHog to understand how people find and read it. No ads, no cross-site tracking.Privacy policy