Stitch MCP 自动安装器——搭建 Google Stitch 通用 MCP 服务器的最简单方法。
概览
Google Stitch 最自动化的 MCP 服务器。 https://github.com/GreenSheep01201/stitch-mcp-auto - - 一个命令即可安装所有内容（gcloud 认证、API 启用、MCP 配置）- - 支持 Claude Code、Gemini CLI、Codex CLI - - 设计生成、无障碍检查、令牌、响应式变体和设计系统导出 - - /design， /design-system、/design-flow、/design-qa、/design-export、/generate-asset、/design-full - - 通过 Gemini 3 Pro 生成标志、图标、英雄图片（使用谷歌实验性图像生成 API）- - 一个生成资源提示 + 完整 UI 设计 - - 自动检测系统语言（英语/韩语），用于设置向导和控制台消息 1. 从 Google Cloud SDK 下载 2.运行安装程序（勾选“运行 gcloud init” 选项） 3.重启终端 安装Node.js和gcloud CLI后： 设置向导将：1. 在http://localhost:51121处打开基于网页的设置页面 2.引导你完成Google登录 3.
概述（AI 翻译）
英语 |한국어
一个命令。即时界面。 Google Stitch 最自动化的 MCP 服务器。
** 💡 只需将此链接分享给你的人工智能：** https://github.com/GreenSheep01201/stitch-mcp-auto
为什么是缝合-MCP-自动？
| 功能 | stitch-mcp | stitch-mcp-auto |
|---|---|---|
| 设置时间 | ~30分钟（手动） | ~2分钟（向导） |
| gcloud 配置 | 手动 | 自动 |
| MCP注册 | 手动 | 自动 |
| 多CLI 支持 | ❌ | ✅ 克劳德/双子座/法典 |
| 人工智能图像生成 | ❌ | ✅ 双子座3 Pro |
| 自定义命令 | ❌ | ✅ 7个工作流程 |
特色：
- 自动设置 - 一个命令即可安装所有内容（gcloud认证、启用API、MCP配置）
- 多CLI 支持 - 支持 Claude Code、Gemini CLI、Codex CLI
- 19 自定义工具 + Stitch Core - 设计生成、无障碍检查、令牌、响应式变体及设计系统导出
- 7 工作流程命令 -
/design，/design-system，/design-flow、/design-qa、/design-export、/generate-asset、/design-full
本页由 AI 翻译，技术细节请以原文为准。
README
以下为原文 README 节选，完整内容请查看原文。
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
Table of Contents
安装
npx -y stitch-mcp-auto配置
{
"mcpServers": {
"stitch": {
"command": "npx",
"args": ["-y", "stitch-mcp-auto"],
"env": {
"GOOGLE_CLOUD_PROJECT": "YOUR_PROJECT_ID"
}
}
}
}