README.md
The most automated MCP server for Google Stitch.
Stitch MCP Auto 🎨
One command. Instant UI. The most automated MCP server for Google Stitch.
💡 Just share this link with your AI: https://github.com/GreenSheep01201/stitch-mcp-auto
Why stitch-mcp-auto?
| Feature | stitch-mcp | stitch-mcp-auto |
|---|---|---|
| Setup time | ~30 min (manual) | ~2 min (wizard) |
| gcloud config | Manual | Automatic |
| MCP registration | Manual | Automatic |
| Multi-CLI support | ❌ | ✅ Claude/Gemini/Codex |
| AI image generation | ❌ | ✅ Gemini 3 Pro |
| Custom commands | ❌ | ✅ 7 workflows |
Features:
- Auto Setup - One command installs everything (gcloud auth, API enable, MCP config)
- Multi-CLI Support - Works with Claude Code, Gemini CLI, Codex CLI
- 19 Custom Tools + Stitch Core - Design generation, accessibility checks, tokens, responsive variants, and design system export
- 7 Workflow Commands -
/design,/design-system,/design-flow,/design-qa,/design-export,/generate-asset,/design-full - 🎨 AI Image Generation - Generate logos, icons, hero images via Gemini 3 Pro (uses Antigravity - Google's experimental image generation API)
- 🎭 Orchestration Mode - One prompt to generate assets + complete UI design
- 🌐 i18n Support - Auto-detects system language (English/Korean) for setup wizard and console messages
Tools (5)
designGenerate UI designs and screens using Google Stitch.design-systemManage and extract design tokens and system components.design-qaPerform accessibility checks and quality analysis on designs.generate-assetGenerate logos, icons, and hero images via Gemini 3 Pro.design-exportExport design systems and assets for professional web projects.Environment Variables
GOOGLE_APPLICATION_CREDENTIALSrequiredPath to the Google Cloud service account key fileConfiguration
claude_desktop_config.json
{"mcpServers":{"stitch-mcp-auto":{"command":"npx","args":["-y","stitch-mcp-auto"],"env":{"GOOGLE_APPLICATION_CREDENTIALS":"/path/to/creds.json"}}}}Try it
→Generate a responsive landing page design for a fintech startup using Google Stitch.
→Run an accessibility audit on my current UI design and suggest improvements.
→Generate a high-resolution hero image and matching logo for a travel app using Gemini.
→Export the current design system tokens to a JSON file for my web project.
→Create a batch of mobile screen variants for a user profile dashboard.