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:
- 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?