create_theme
Scaffold an enterprise CSS theme from component design tokens. Generates light and dark mode variables with automatic prefix detection.
Instructions
Scaffold a complete enterprise CSS theme from the component library's design tokens. Analyzes the CEM to detect the token prefix and categories, then generates a ready-to-customize CSS file with light mode variables, dark mode overrides (via prefers-color-scheme and explicit class), and color-scheme declarations. Returns the full CSS content and per-category token counts.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| themeName | No | Name for the theme (used in CSS class selectors). E.g. "brand" generates ".brand-light" and ".brand-dark". Defaults to "theme". | |
| prefix | No | Override the CSS custom property prefix detected from the CEM. E.g. "--hx-". When omitted, the prefix is detected automatically. | |
| libraryId | No | Optional multi-library dispatch hint. When set, src/mcp/index.ts uses it to pick the correct CEM before invoking this tool. Schema-aware MCP clients must allow it through to support multi-library projects. |