Skip to main content
Glama

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
NameRequiredDescriptionDefault
themeNameNoName for the theme (used in CSS class selectors). E.g. "brand" generates ".brand-light" and ".brand-dark". Defaults to "theme".
prefixNoOverride the CSS custom property prefix detected from the CEM. E.g. "--hx-". When omitted, the prefix is detected automatically.
libraryIdNoOptional 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.
Behavior4/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations, the description discloses that it analyzes the CEM for token prefix and categories, generates CSS with light/dark mode variables, and returns full CSS content and token counts. It does not mention side effects or permissions, but the behavior is transparent.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Two sentences are efficiently packed with information. The first sentence states the high-level purpose, the second details output and behavior. No wasted words, and it is front-loaded.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness5/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the complexity of scaffolding a theme, the description covers inputs (parameters), process (analyzes CEM, generates CSS), and outputs (CSS content, token counts). Without an output schema, it adequately explains return values.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters4/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, providing baseline 3. The description adds value by explaining parameter usage: themeName generates class selectors (e.g., 'brand'), prefix overrides detection, and libraryId is for multi-library dispatch. This adds context beyond schema.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool's purpose: 'Scaffold a complete enterprise CSS theme from the component library's design tokens.' It specifies the output (CSS file with light/dark modes) and differentiates from siblings like apply_theme_tokens which applies tokens.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description implies when to use the tool (for initial scaffolding) but does not explicitly state when not to use it or compare with alternatives. However, the purpose is clear enough given the sibling context.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Install Server

Other Tools

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/bookedsolidtech/helixir'

If you have feedback or need assistance with the MCP directory API, please join our Discord server