What problem does it solve?
Users experience monotonous grids, inconsistent spacing, and weak visual hierarchy, leading to crowded or confusing interfaces that feel “off”.
Core Features & Use Cases
- Assessment Framework: Guides systematic analysis of spacing, hierarchy, grid structure, rhythm, and density.
- Improvement Planning: Provides actionable recommendations for spacing scales, flex vs. grid usage, visual rhythm, and depth management.
- Verification Checklist: Ensures the revised layout passes squint test, rhythm, hierarchy, breathing room, consistency, and responsiveness checks.
- Use Case Example: A product designer receives feedback that a dashboard feels cramped; using this skill they evaluate the layout, establish a consistent spacing system, and restructure the grid for clearer hierarchy and better responsiveness.
Quick Start
Ask the assistant to assess and improve the layout of a given interface.