Skip to main content
Glama

Delimit Design Generate Tailwind

delimit_design_generate_tailwind

Generate a Tailwind config from CSS tokens detected in a project, or read an existing config for inspection. Use to bootstrap or review Tailwind setup.

Instructions

Read an existing tailwind.config or generate one from detected CSS tokens.

When to use: to bootstrap a Tailwind config from existing CSS tokens, or to inspect an existing config in a project. When NOT to use: to extract general design tokens (use delimit_design_extract_tokens) or generate a component (delimit_design_generate_component).

Sibling contrast: delimit_design_extract_tokens scans CSS; this writes a tailwind config from those tokens.

Side effects: writes tailwind.config.js if missing, otherwise reads the existing one. Calls backends.ui_bridge.design_generate_tailwind.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
output_pathNoOutput file path for generated config.
project_pathNoProject root to scan for existing config or CSS tokens.
figma_file_keyNoOptional Figma file key (reserved for future use).

Output Schema

TableJSON Schema
NameRequiredDescriptionDefault

No arguments

Schema Changelog

Changes observed during successful MCP inspections.

  1. Changed3 schema fields changedv4.5.5
    • addedInput schema / properties / figma_file_key / description
      Added value: +"Optional Figma file key (reserved for future use)."
    • addedInput schema / properties / output_path / description
      Added value: +"Output file path for generated config."
    • addedInput schema / properties / project_path / description
      Added value: +"Project root to scan for existing config or CSS tokens."
  2. First observedv0.1.0

TDQS

A4.5/5.0
Behavior5/5

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

Annotations only say readOnlyHint=false and destructiveHint=false. The description goes further by disclosing the precise side effect: 'writes tailwind.config.js if missing, otherwise reads the existing one.' It also mentions the backend call, giving the agent a concrete model of what happens when invoked.

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

Conciseness4/5

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

The description is well-organized with labeled sections and front-loads the core purpose. Minor redundancy exists between the opening sentence, 'When to use', and 'Sibling contrast', and the backend call line is implementation detail, but overall every meaningful behavioral fact is included without excessive prose.

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

Completeness4/5

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

Given the complete parameter schema, output schema, and annotations, the description covers the essential behavior: when to use, when not to use, and side effects. It could have added error cases or behavior when no CSS tokens are detected, but for this tool's complexity the current description is largely sufficient.

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

Parameters3/5

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

Schema description coverage is 100%, so the baseline is 3. The description does not add parameter-level detail beyond the schema, but the schema already documents output_path, project_path, and figma_file_key, including the note that figma_file_key is reserved for future use. There is no gap requiring description compensation.

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 opens with a specific action: 'Read an existing tailwind.config or generate one from detected CSS tokens.' It names the resource and the two behavioral paths, and the 'Sibling contrast' line explicitly distinguishes it from delimit_design_extract_tokens, saying 'this writes a tailwind config from those tokens.' This fully separates it from related tools.

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

Usage Guidelines5/5

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

The description provides explicit 'When to use' and 'When NOT to use' sections, naming the exact alternative tools: delimit_design_extract_tokens for general token extraction and delimit_design_generate_component for component generation. This gives an agent clear routing guidance with no ambiguity.

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

Deploy Server

Other Tools