Skip to main content
Glama

generate_implementation_spec

Creates a complete frontend implementation spec from design videos or images, detailing component tree, design tokens, states, animations, and accessibility.

Instructions

Generate a complete frontend implementation specification. Includes component tree, exact design tokens (colors, typography, spacing), component states, animation specs, and accessibility requirements — enough for an engineer to implement without ever seeing the original design.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
referenceYesDesign file (video or image path)
Behavior3/5

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

No annotations are provided, so the description carries the full burden. It explains what the tool generates (component tree, design tokens, etc.) but does not disclose whether the operation is read-only, idempotent, or has any side effects. Since it's a generation tool, it likely does not modify data, but this is not explicitly stated.

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?

The description is concise: two sentences front-loading the purpose and listing deliverables without any extraneous words. Every sentence earns its place, and the structure is clear and efficient.

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 tool's complexity (generating a full spec) and the absence of an output schema, the description adequately covers what the output contains. It lists all key aspects: component tree, design tokens, states, animation specs, and accessibility, making it complete for an engineer to implement.

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?

The input schema has 100% coverage, describing the 'reference' parameter and its nested properties (name, path, type). The description adds no additional meaning beyond the schema; it only states 'Design file (video or image path),' which is already in the schema. Baseline 3 is appropriate.

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: 'Generate a complete frontend implementation specification.' It lists specific deliverables (component tree, design tokens, states, animation specs, accessibility), distinguishing it from sibling tools like analyze_design or reverse_engineer_component which have narrower scopes.

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

Usage Guidelines3/5

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

The description implies usage by stating the output is sufficient for an engineer to implement without seeing the original design, but it does not explicitly state when to use this tool versus alternatives like reverse_engineer_component or analyze_design. No exclusions or when-not scenarios are provided.

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/Va1bhav512/design-analysis-mcp-server'

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