Surfaces & Depth

What this skill does

Shadows, borders, gradients, and elevation that give UI depth.

• -Chooses between borders and shadows and defines a consistent elevation system
• -Fixes nested border radii so corners stay concentric
• -Builds gradients without banding, plus fades and hairline borders
• -Adapts every surface treatment to dark mode, where shadows stop working

Installation

Run the installer in your terminal to add this skill to your project:

Omit the skill name to pick from all skills at once, and rename skills during install if you prefer different slash commands.

Usage

Once installed, use it when you're styling cards, modals, and borders, or a shadow looks harsh in dark mode. For example: