UI/UX Design Review Checklist
A comprehensive UI/UX design review checklist covering visual hierarchy, usability, accessibility, and responsiveness.
Prompt
Review the following UI design and provide feedback using this checklist:
{{design}}
**Visual Hierarchy**
- Is the most important element immediately obvious?
- Do heading sizes create clear information hierarchy?
- Is whitespace used effectively to group related elements?
**Usability**
- Are interactive elements (buttons, links) clearly identifiable?
- Is the navigation intuitive? Can a new user find what they need?
- Are form inputs labeled clearly with appropriate validation states?
**Accessibility**
- Do color combinations meet WCAG AA contrast ratios (4.5:1 for text)?
- Are interactive elements at least 44x44px touch targets?
- Is the design usable without color alone (for colorblind users)?
**Consistency**
- Are spacing, typography, and color usage consistent throughout?
- Do similar elements behave the same way?
**Responsiveness**
- How would this layout adapt to mobile screens?
- Are there any elements that might break at smaller widths?
Rate each area: ✅ Good | ⚠️ Needs improvement | ❌ Critical issueWhat you get when you save this prompt
Your workspace unlocks powerful tools to iterate and improve.
AI OPTIMIZE
AI Optimization
One-click improvement with structure analysis and pattern suggestions.
VERSION DIFF
Version History
Track every edit. Compare versions side-by-side with word-level diffs.
ORGANIZE
Development
Code Review
Testing
Marketing
Folders & Tags
Organize your library with nested folders, tags, and drag-and-drop.
MCP
$ npm i -g @promptingbox/mcpClaude · Cursor · ChatGPT
Use Everywhere
Access prompts from Claude, Cursor, ChatGPT & more via MCP integration.
Your prompts, organized
Save, version, and access your best prompts across ChatGPT, Claude, Cursor, and more.