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:

  1. 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?
Installs
59
GitHub Stars
5
First Seen
May 20, 2026