skills.homes logoskills.homescapability registry
home/categories/frontend/dylantarre-design-system-skills-skills-tokens-shadow-scale-skill-md
cd ..
frontenddevelopment

shadow-scale

Generates layered box-shadow elevation tokens for depth hierarchy. Use when creating elevation systems, card shadows, modal depth, or dark mode shadow variants. Outputs CSS, Tailwind, or JSON.

View Sourcefrontend
dylantarre
maintainer
dylantarre
Updated 12/30/2025
Stars
3
Forks
0
quick start

Installation and usage

Generates layered box-shadow elevation tokens for depth hierarchy. Use when creating elevation systems, card shadows, modal depth, or dark mode shadow variants. Outputs CSS, Tailwind, or JSON.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use shadow-scale