depth

Originally fromaladicf/better-web-ui
Installation
SKILL.md

Create or improve visual depth so layers, surfaces, and states feel intentional, readable, and physically believable without drifting into over-styled noise.

MANDATORY PREPARATION

Read frontend-design and follow its Context Gathering Protocol. Reuse available context and ask only about consequential gaps.


Assess Depth Problems

Analyze where the interface feels flat, confusing, or physically inconsistent:

  1. Elevation structure:
    • Are all components using the same shadow regardless of job?
    • Is it hard to tell what sits on the page versus above it?
Installs
58
GitHub Stars
5
First Seen
May 20, 2026