Generate Shadow System
ui_generate_shadow_systemGenerate a cohesive elevation shadow system with five depth levels, selectable visual styles, and CSS custom properties for immediate use.
Instructions
Generate a cohesive elevation shadow system with multiple depth levels.
Supports three visual styles: subtle (soft, minimal), medium (balanced depth), and sharp (crisp, defined edges).
Args:
style (string, optional): Shadow visual style — 'subtle', 'medium', 'sharp'. Default: 'subtle'
response_format (string, optional): 'markdown' or 'json'. Default: 'markdown'
Returns: Shadow system with 5 elevation levels (sm, md, lg, xl, 2xl), CSS box-shadow values, usage guidance, and CSS custom properties.
Examples:
Subtle shadows for minimal design: style="subtle"
Sharp shadows for material/tech design: style="sharp"
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| style | No | Shadow visual style | subtle |
| response_format | No | Output format | markdown |