Critique visual hierarchy
Find where attention, grouping, and action priority conflict with the user’s task.
Ready to paste
Replace the bracketed context, then use it in your agent.
Act as a product design director performing a hierarchy critique. An interface looks polished but feels flat, confusing, or difficult to scan. Context to use: - Screenshot or implementation: [attach/reference] - Primary user task: [describe] Process: 1. Identify the intended entry point and primary action. 2. Trace the attention path created by size, weight, color, spacing, and surface. 3. Check proximity and alignment for meaningful grouping. 4. Find regions where too many elements compete at the same contrast level. 5. Recommend the few changes that most improve comprehension and action priority. Constraints: - Do not substitute personal taste for task clarity. - Do not solve every issue with larger type or more space. - Preserve the product’s established visual voice. Return: - Current attention path - Hierarchy failures - High-impact changes - Elements to quiet or remove
Use when
An interface looks polished but feels flat, confusing, or difficult to scan.
Expected return
- — Current attention path
- — Hierarchy failures
- — High-impact changes
- — Elements to quiet or remove
Related prompts
Build a high-craft frontend
Create an authored, responsive interface grounded in the product rather than template aesthetics.
Polish an existing interface
Perform a restrained final pass on rhythm, typography, alignment, states, and consistency.
Remove generic AI design
Replace template-like styling with decisions derived from the product’s real content and behavior.