stitch-pro-mcp
Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
| STITCH_API_KEY | Yes | Your Google Stitch API key |
Capabilities
Features and capabilities supported by this server
| Capability | Details |
|---|---|
| tools | {
"listChanged": true
} |
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| sp_create_projectA | Create a new Stitch project. Returns the project ID needed for sp_generate and sp_auto. |
| sp_projectsA | List all projects in your Stitch account |
| sp_screensB | List all screens in a Stitch project |
| sp_screenA | Get a specific screen with its HTML source and image URL |
| sp_generateA | Generate a UI page with optional design system enforcement, accessibility fixes, responsive breakpoints, and framework conversion |
| sp_flowB | Generate multiple related screens (e.g., login → dashboard → settings) in one call with consistent design |
| sp_a11yA | Run WCAG 2.1 AA accessibility audit on HTML and auto-fix issues (contrast, semantics, ARIA, touch targets) |
| sp_responsiveA | Make HTML responsive by injecting Tailwind breakpoints for mobile, tablet, and desktop |
| sp_design_createA | Generate a design system (colors, typography, spacing, rules) from a brand description. Returns a DESIGN.md and an ID for use in generation calls. |
| sp_design_applyA | Apply a previously created design system to existing HTML — injects CSS variables, replaces fonts and colors |
| sp_to_reactA | Convert HTML/Tailwind to Next.js/React components with proper state, props, hooks, and optional shadcn/radix/MUI mapping |
| sp_to_vueA | Convert HTML/Tailwind to Vue 3 Single File Components with Composition API and optional component library mapping |
| sp_to_svelteA | Convert HTML/Tailwind to SvelteKit components with Svelte 5 runes ($state) and optional component library mapping |
| sp_extractA | Parse HTML into reusable components and map them to shadcn/radix/MUI equivalents with confidence scoring |
| sp_autoA | Describe what you want in plain English. Automatically chains design system creation, page generation, accessibility fixes, responsive adaptation, and framework conversion based on your intent. |
| sp_analyzeA | Analyze HTML and recommend which stitch-pro tools to run. Detects accessibility issues, missing responsiveness, framework conversion opportunities, and component library mapping potential. |
| sp_smart_convertA | Converts HTML to a framework, but auto-detects if it needs accessibility fixes and responsive adaptation first. Runs the full quality pipeline before conversion — no manual chaining needed. |
Prompts
Interactive templates invoked by user choice
| Name | Description |
|---|---|
No prompts | |
Resources
Contextual data attached and managed by the client
| Name | Description |
|---|---|
No resources | |
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/LuciferDono/stitch-pro-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server