elevation-and-depth
From the author
Shadows and layering that lift elements above the surface. Use when designing cards, dropdowns, modals, tooltips or any floating element.
Install
npx skills add dembrandt/dembrandt-skills --skill elevation-and-depth -a claude-code
Installs to .claude/skills/elevation-and-depth/ · Each command fetches the skill straight from GitHub with the open skills CLI.
Download .zip
Byte-identical to the scanned commit, with the repository’s licence and a SOURCE.txt.
Want your agent to suggest skills while you type? See how to use skills from your IDE.
Safety checks on SKILL.md
No warnings.
Why 84
Security100
Provenance66
Maintenance100
Licence100
Adoption38
aiqbench computes the trust score from public signals. It is not a security audit, so read a skill before you install it.
Similar skills
Closest to this one by what they do and when they are used.
- surface-separationdembrandt/dembrandt-skillsSet a surface apart by one means — border, elevation or fill — and keep opacity for state. Use when designing cards, panels, list rows, toolbars or any container.Other★ 159
- surface-shadow-material-systemsTheGoat395/Codex-SkillsDesign component surfaces and elevation states.Design★ 132
- modal-and-overlay-patternsdembrandt/dembrandt-skillsModals, drawers, bottom sheets and popovers, each with its scope and blocking level. Use when designing dialogs, confirmations, side panels or action sheets.Other★ 159
- design-tokenInfrasity-Labs/dev-gtm-claude-skillsDefine and organize design tokens (color, spacing, typography, elevation) with naming conventions and usage guidance.Design★ 143
- gradientbergside/awesome-design-skillsSmooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.Other★ 3.3K
- interface-craftcbrock84/headcountRaises the visual and interaction quality of an interface — layout, hierarchy, type, spacing, density, and the details that separate a considered product from a generic one. Use this when a screen works but looks unfinished or default, when a layout feels crowded or arbitrary, when a page has no clear focal point, or when an interface needs to feel trustworthy rather than merely functional.Design★ 2.1K
Ratings & reviews
—
no reviews
Tried this skill? Rate it to help others. Sign in
Discussion
Join the discussion. Sign in