Skip to main content
Glama

generate_code

Generates shadcn/ui and Tailwind component code from a saved spec, writing output files to the project's atomic design folders.

Instructions

Generate shadcn/ui + Tailwind component code from a saved spec and write output files to the project.

Prerequisites: The spec must exist in the registry (use get_specs to list names, create_spec to create one). Output is written into atomic design folders: atoms → components/ui/, molecules → components/molecules/, organisms → components/organisms/, templates → components/templates/.

Returns on success: { entryFile: string (absolute path to main generated file), files: string[] (all generated file paths), generatedAt: ISO timestamp }

Error behavior: Throws if specName is not found. If code generation fails (e.g. schema mismatch), an error message is returned with the failure reason.

Use this tool: after create_spec to turn a spec into working code. For pages, the page spec must reference template and component specs that already exist. Run npm install to add any missing shadcn components after generation.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
specNameYesName of the spec to generate code for (case-sensitive, must match a spec returned by get_specs).
Behavior5/5

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

No annotations provided, but description fully discloses behavior: atomic design folder mapping, return format (entryFile, files, generatedAt), error behavior (throws if specName not found, returns failure reason on generation failure). No contradiction with annotations.

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?

Description is somewhat long but well-structured with clear sections. Front-loads main action. Could be more concise, but every sentence adds value.

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?

No output schema, but description adequately explains return value format. Covers prerequisites, error cases, atomic design folder structure, and post-generation steps (npm install). Complete for a code generation tool with one parameter.

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?

Input schema has one parameter specName with description; description adds that it is case-sensitive and must match a spec returned by get_specs. Schema coverage is 100%, so baseline 3, but description adds meaningful 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?

Clearly states the tool generates code from a saved spec and writes files, specifying the framework (shadcn/ui + Tailwind) and output structure (atomic design folders). Distinguishes itself from sibling tools like create_spec and other design 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?

Provides explicit prerequisites (spec must exist in registry, use get_specs to list, create_spec to create), clear usage context (after create_spec), and additional instructions for pages and npm install. No confusion about when to use versus alternatives.

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/sarveshsea/memi'

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