generate_tokens
Generates a design token system (CSS custom properties) from a named theme or genre, including colors, fonts, spacing, and more. Optionally outputs Tailwind v4 @theme block.
Instructions
Generate a complete design token system (tokens.css) based on a named theme or genre. Returns CSS custom properties for colors (OKLCH), fonts, spacing, text sizes, easings, durations, and radii. Can also output a Tailwind v4 @theme block.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| genre | No | Genre to pick a theme from (ignored if theme_name provided) | |
| last_theme | No | Previous theme name for diversification | |
| theme_name | No | Named theme: Specimen|Atelier|Newsprint|Studio|Manifesto|Brutal|Terminal|Midnight|Bloom|Aurora|Cobalt|Coral|Hum|Garden|Sport|Carnival | |
| last_accent | No | Previous accent hue for diversification |