generate_tokens
Export design tokens from active UI presets to CSS, JavaScript, JSON, or Tailwind formats for consistent styling across projects.
Instructions
Export the active preset's design tokens in various formats for use in your project.
Args:
format ('css'|'js'|'json'|'tailwind'): Output format (default: 'css')
css: :root { --color-surface: ...; } CSS custom properties
js: TypeScript const export for use with style objects
json: Raw token JSON
tailwind: theme.extend config for tailwind.config.js
include_comments (boolean): Add section headers in output (default: true)
Returns: Token file content as a string. Requires active preset.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| format | No | Output format for token export | css |
| include_comments | No | Add section headers in output |