Menü
Regenerate the shadow elevation system tinted with your brand hue. Produces 5 levels from sm to 2xl.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
Full accessibility audit using your design system's color tokens. Checks contrast, focus styles, semantic HTML, touch targets, and motion safety.
Check the current codebase against your .forge.json design system. Finds raw hex values that should be tokens, spacing off your scale, fonts not in your system, and missing token references.
Amplify the design within your system's range. Use stronger palette shades, higher type scale steps, and more dramatic shadows.
Find every color in the codebase that isn't in your palette or token system. Lists orphan colors with suggested replacements.
Replace all orphan colors with the nearest token from your system. Converts raw hex values to var(--token) references.
Check WCAG contrast ratios across your entire token system. Tests every text token against every surface token.
| name | forge-shadow |
| description | Regenerate the shadow elevation system tinted with your brand hue. Produces 5 levels from sm to 2xl. |
| user-invokable | true |
From the brand color's hue, generate 5 shadow levels:
sm: subtle card edge → 0 1px 2px hsla(hue, 20%, 20%, 0.04) md: standard card → layered for depth lg: dropdown/popup → stronger, wider spread xl: modal/dialog → dramatic elevation 2xl: hero/spotlight → maximum elevation
Shadows use brand-tinted color, not generic gray. This creates visual cohesion.
