HolyStitch is a compiler, not a prompt. It reads your Google Stitch project directly from the API and writes a complete, working React project to disk — deterministically, instantly, and without spending a single AI token on the conversion itself.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/BaselAshraf81/holystitch/llms.txt
Use this file to discover all available pages before exploring further.
Quickstart
Clone, build, and run your first conversion in under 5 minutes
MCP Setup
Connect HolyStitch to Claude Desktop, Cursor, or Windsurf
How It Works
Understand the full Stitch → React compiler pipeline
API Reference
Full reference for the MCP tool and pipeline internals
Why HolyStitch?
When you ask an AI to convert a design, every token is wasted guessing at class names it can’t see, reconstructing structure it doesn’t have, and hallucinating props that don’t exist. HolyStitch takes a different approach: it reads your Stitch project directly from the API and compiles the HTML to React — deterministically, with no guesswork.| Asking an AI | HolyStitch | |
|---|---|---|
| Token usage | Thousands | ~0 |
| Correctness | Hit or miss | Build-verified |
| Tailwind theme | Lost or guessed | Extracted exactly |
| Shared components | Duplicated across files | Detected and deduplicated |
| Speed | Minutes of back-and-forth | Seconds |
How it works
Parse
It reads the
<!-- ComponentName --> markers Stitch embeds in the HTML and builds a full component treeCompile
Each component’s HTML is compiled to valid JSX — attributes renamed, inline styles converted, icon fonts handled
Your AI assistant handles the finishing touches — routing, font tokens, any edge-case JSX — guided by the
project-context.md file HolyStitch generates automatically.Key features
Zero AI tokens
The conversion is 100% deterministic. No AI API keys required for the compilation step.
Exact Tailwind theme
Colors, fonts, and dark mode config are extracted directly from your Stitch HTML.
Shared component detection
Components used across multiple screens are written once and imported everywhere.
Full JSX compiler
Handles attribute renames, inline styles, icon fonts, boolean attrs, and event handlers.
Next.js + Vite support
Generate App Router Next.js or Vite projects with TypeScript or JavaScript.
MCP server integration
Works inside Claude Desktop, Cursor, Windsurf, and any MCP-compatible IDE.