hierarchy
Originally fromaladicf/better-web-ui
Installation
SKILL.md
Assess and improve visual hierarchy so the interface communicates priority immediately instead of making users decode it manually.
Use this when the problem is mainly priority and emphasis. If the bigger issue is arbitrary spacing, weak grouping, or monotonous layout rhythm, use arrange.
MANDATORY PREPARATION
Read frontend-design and follow its Context Gathering Protocol. Reuse available context and ask only about consequential gaps.
Assess Hierarchy Problems
Analyze where the interface is failing to prioritize clearly:
- Run the grayscale test:
- If color disappeared, would the screen still make sense?
- Can you identify primary, secondary, and tertiary elements within about 2 seconds?