aladicf This compatibility wrapper exposes the depth skill for the .pi/skills layout while keeping skills/depth/SKILL.md as the canonical source of truth.
Follow the canonical instructions in ../../../skills/depth/SKILL.md.
Depth
Add or refine depth through elevation systems, raised and inset surfaces, layered overlap, and meaningful shadow behavior so interfaces feel structured instead of flat. Use when the user mentions depth, elevation, shadows, layering, flat cards, pressed states, drag feedback, or inset controls.
Depth by aladicf · 16b72cb
npx skillmds@latest add aladicf/depth-2 File contents
---name: depth-2description: Add or refine depth through elevation systems, raised and inset surfaces, layered overlap, and meaningful shadow behavior so interfaces feel structured instead of flat. Use when the user mentions depth, elevation, shadows, layering, flat cards, pressed states, drag feedback, or inset controls.---This compatibility wrapper exposes the `depth` skill for the `.pi/skills` layout while keeping `skills/depth/SKILL.md` as the canonical source of truth.Follow the canonical instructions in [../../../skills/depth/SKILL.md](../../../skills/depth/SKILL.md).
aladicf/better-react-web-ui/tree/main/.pi/skills/depth commit 16b72cbee7
Frequently asked questions
Run npx skillmds@latest add aladicf/depth-2 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Add or refine depth through elevation systems, raised and inset surfaces, layered overlap, and meaningful shadow behavior so interfaces feel structured instead of flat. Use when the user mentions depth, elevation, shadows, layering, flat cards, pressed states, drag feedback, or inset controls. It is listed under Coding & Dev Tools on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
aladicf (@aladicf) published this skill. Their other Agent Skills are listed on their SkillMD profile.