delimit_design_extract_tokens
Extract design tokens from CSS/SCSS/Tailwind config to inventory colors, typography, spacing, and breakpoints before generating a Tailwind config or component scaffold.
Instructions
Extract design tokens from a project's CSS/SCSS/Tailwind config.
When to use: to inventory or generate design tokens before creating a Tailwind config or component scaffold. When NOT to use: to scaffold a component (use delimit_design_generate_component) or generate tailwind config (delimit_design_generate_tailwind).
Sibling contrast: delimit_design_generate_tailwind builds a config from these tokens; this extracts them.
Side effects: read-only scan of local CSS/Tailwind. Figma API integration auto-activates when a Figma token is found in FIGMA_TOKEN env var, ~/.delimit/secrets/figma.json, or via delimit_secret_store. Calls backends.ui_bridge.design_extract_tokens. Coerces token_types via _coerce_list_arg.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| figma_file_key | No | Optional Figma file key (uses Figma API if a token is available). | |
| token_types | No | Token types — "colors", "typography", "spacing", "breakpoints". Comma string or list. None = all. | |
| project_path | No | Project directory to scan. Default = cwd. |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||