About Stitch MCP
Stitch MCP is an MCP server published by Kargatharaakash in the Content category: universal MCP Server for Google Stitch. Connect AI agents to your UI designs.
The repository has 121 stars and 28 forks, with the last commit 8 months ago. Six months or more without a commit doesn't mean the server is broken, but check the open issues before depending on it in production.
Install
git clone https://github.com/Kargatharaakash/stitch-mcpThis server has no ConduID identity, so agent calls to it are not receipted. Pin the version you install and review the source before granting it credentials.
Ask AI
Ask AI about Stitch MCP
Powered by Claude · Grounded in docs
Security checks
Static checks derived from the repository 4 hours ago. Heuristics on the source, not an audit.
- ✓README presentThe repository ships documentation.
- ✓License declaredUsable under a stated license.
- !Tests presentNo tests found. Behaviour changes may go unnoticed between versions.
- ✓Dependencies pinnedA lockfile pins dependency versions.
- ✓No dynamic code executionSource scan found no eval, dynamic Function, or shell execution.
1 check has not been run yet.
README
Stitch MCP
Universal MCP Server for Google Stitch
Build amazing UI/UX designs instantly with AI. Works seamlessly with Cursor, Claude, Antigravity, and any MCP-compatible editor.
Created by Aakash Kargathara.
🚀 How It Works
✨ Why this is cool
- Zero Config: Just login once and it works everywhere.
- Universal: Works on Windows, Mac, and Linux.
- Free: Google Stitch API is free to use.
�️ Quick Setup (2 Minutes)
1. Prerequisite: Google Cloud
You need a Google Cloud project with the Stitch API enabled.
# Login to your Google Cloud
gcloud auth login
# Set your project (replace with your actual project ID)
gcloud config set project YOUR_PROJECT_ID
gcloud auth application-default set-quota-project YOUR_PROJECT_ID
# Enable the magic
gcloud beta services mcp enable stitch.googleapis.com
2. Install the Credentials
This gives stitch-mcp permission to talk to Google on your behalf.
gcloud auth application-default login
3. Add to Your AI Editor
Copy and paste this into your MCP config file:
For Claude Desktop:
~/Library/Application Support/Claude/claude_desktop_config.json
For Cursor: Settings > MCP > Add New Server
{
"mcpServers": {
"stitch": {
"command": "npx",
"args": ["-y", "stitch-mcp"],
"env": {
"GOOGLE_CLOUD_PROJECT": "YOUR_PROJECT_ID"
}
}
}
}
🛠️ Available Tools
| Tool Name | What it does |
|---|---|
extract_design_context |
🧠 Scans a screen to extract "Design DNA" (Fonts, Colors, Layouts). Use this to keep style consistent. |
fetch_screen_code |
💾 Downloads the raw HTML/Frontend code of a screen. |
fetch_screen_image |
🖼️ Downloads the high-res screenshot of a screen. |
generate_screen_from_text |
✨ Generates a NEW screen based on your prompt (and context). |
create_project |
📁 Creates a new workspace/project folder. |
list_projects |
📋 Lists all your available Stitch projects. |
list_screens |
📱 Lists all screens within a specific project. |
get_project |
🔍 Retrieves details of a specific project. |
get_screen |
ℹ️ Gets metadata for a specific screen. |
💡 Pro Tip: The "Designer Flow"
To generate consistent UI, use this 2-step flow:
- Extract: "Get design context from the Home Screen..."
- Generate: "Using that context, generate a Chat Screen..."
This ensures your new screen matches your existing design system perfectly.
📄 License
Apache 2.0 - Open source and free to use.
Star History
Built with ❤️ by Aakash Kargathara
README fetched from the repository 4 hours ago. The original is authoritative.