v0.2.0 / MCP Server for Google Stitch

Raw screens to
production components

The post-processing layer Stitch doesn't have. Design tokens, WCAG accessibility, responsive breakpoints, and framework conversion -- from one prompt.

$ npx stitch-pro-mcp
18
Tools
3
Frameworks
81
Tests
104K
Bundle
8
Platforms
01

What it does

Stitch generates beautiful screens. We turn raw HTML into components you'd actually ship.

01

Design Systems

Brand tokens from a description. Colors, typography, spacing. CSS custom properties enforced across every screen.

02

WCAG Accessibility

axe-core audit. Auto-fixes lang attr, alt text, ARIA labels, semantic HTML, 44px touch targets. WCAG 2.1 AA.

03

Responsive

Tailwind breakpoints injected for mobile, tablet, desktop. Fixed widths replaced, grids scaled, typography adapted.

04

React / Next.js

HTML to .tsx with useState hooks, event handlers, component extraction. App Router or Pages. 'use client' directives.

05

Vue 3

Single File Components. script setup, ref(), @event bindings, Composition API. Idiomatic Vue output.

06

SvelteKit

Svelte 5 components with $state runes, on:event syntax, +page.svelte routing. Modern from the start.

07

Component Mapping

Heuristic pattern matching maps raw divs to shadcn/ui, Radix, or MUI components. Confidence-scored.

08

Auto-Orchestration

sp_auto parses natural language -- framework, library, theme, device -- and chains every tool. One prompt.

09

Smart Analysis

sp_analyze inspects any HTML. Reports issues, recommends tools, returns a prioritized execution chain.

02

18 tools

Each does one thing. sp_auto chains them all.

NameTypeDescription
sp_autosmartNatural language to production code. Auto-chains everything.
sp_analyzesmartAnalyze HTML, recommend tools, priority-scored chain.
sp_smart_convertsmartConvert with auto a11y + responsive preprocessing.
sp_generategenGenerate a page with full pipeline.
sp_flowgenMulti-screen flow in one call.
sp_design_createdesignBrand description to design system.
sp_design_applydesignApply design system to HTML.
sp_a11yqualityWCAG 2.1 AA audit + auto-fix.
sp_responsivequalityTailwind responsive breakpoints.
sp_to_reactconvertHTML to Next.js/React .tsx.
sp_to_vueconvertHTML to Vue 3 SFC.
sp_to_svelteconvertHTML to SvelteKit.
sp_extractconvertMap to shadcn/radix/MUI.
sp_create_projectgenCreate a new Stitch project. Returns project ID.
sp_projectslistList Stitch projects.
sp_screenslistList screens in project.
sp_screenlistGet screen HTML + image.
03

Works everywhere

Any MCP-compatible client.

Claude Code
Cursor
VS Code
Windsurf
Gemini CLI
Codex
Antigravity
OpenCode

Start building

One prompt. Production-ready components.

$ npm install -g stitch-pro-mcp