stitch-pro-mcp

Generate Page

sp_generate

Generates a UI page from a text prompt, automatically applying WCAG accessibility fixes, responsive breakpoints, and design system rules, with optional framework conversion.

Instructions

Generate a UI page with optional design system enforcement, accessibility fixes, responsive breakpoints, and framework conversion

Tool call template

Replace each placeholder with a value matching the input schema. Only required parameters are included; add optional parameters as needed.

{
  "id": 1,
  "jsonrpc": "2.0",
  "method": "tools/call",
  "params": {
    "arguments": {
      "prompt": "<prompt>",
      "projectId": "<projectId>"
    },
    "name": "sp_generate"
  }
}

Input Schema

Name	Required	Description	Default
`prompt`	Yes	Description of the page to generate
`projectId`	Yes	Stitch project ID
`deviceType`	No	Target device	DESKTOP
`framework`	No	Output framework	html
`componentLibrary`	No	Component library to map to	none
`accessibility`	No	Run WCAG 2.1 AA audit and auto-fix
`responsive`	No	Inject responsive breakpoints
`designSystemId`	No	ID of a previously created design system

Schema Changelog

Changes observed during successful MCP inspections.

First observedv0.2.0May 26, 2026

TDQS

A3.5/5.0

Behavior3/5

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

Annotations already indicate readOnlyHint=false, destructiveHint=false, idempotentHint=false. The description adds no further behavioral context (e.g., what happens to existing pages, authentication needs, or output format). With annotations present, the bar is lowered, and the description is adequate but not rich.

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?

Single sentence, front-loaded with the core action, no redundant words. Every part earns its place.

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

Completeness3/5

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

With 8 parameters, no output schema, and 16 sibling tools, the description is minimal. It covers the optional features but doesn't describe the return value (e.g., generated code or file), which is important since no output schema exists. Also lacks guidance on tool selection among siblings.

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 baseline is 3. The description paraphrases some parameters (e.g., 'accessibility fixes' for the boolean, 'framework conversion' for the enum) but adds no new meaning beyond the schema. It does not explain the relationship between parameters or provide usage hints.

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 'Generate a UI page' and lists optional features (design system enforcement, accessibility, responsive, framework conversion). This is specific and distinguishes from sibling tools like sp_a11y, sp_responsive, and sp_to_react which are sub-features.

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

Usage Guidelines2/5

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

No guidance on when to use this tool vs alternatives like sp_smart_convert or sp_to_react. The description implies it's the primary generation tool but doesn't explicitly state when-not or provide context for selection among siblings.

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

Deploy Server