Stitch MCP

🚀 Stitch MCP

适用于谷歌Stitch的通用MCP服务器，可借助AI即时打造出色的UI/UX设计，能与Cursor、Claude、Antigravity及任何支持MCP的编辑器无缝协作。

🚀 快速开始

工作原理

两分钟快速设置

1. 前提条件：谷歌云

你需要一个已启用Stitch API的谷歌云项目。

# 登录你的谷歌云
gcloud auth login

# 设置你的项目（请替换为你实际的项目ID）
gcloud config set project YOUR_PROJECT_ID
gcloud auth application-default set-quota-project YOUR_PROJECT_ID

# 启用魔法
gcloud beta services mcp enable stitch.googleapis.com

2. 安装凭证

这将授予stitch-mcp代表你与谷歌进行通信的权限。

gcloud auth application-default login

3. 添加到你的AI编辑器

将以下内容复制并粘贴到你的MCP配置文件中：

• 对于Claude Desktop：~/Library/Application Support/Claude/claude_desktop_config.json
• 对于Cursor：设置 > MCP > 添加新服务器

{
  "mcpServers": {
    "stitch": {
      "command": "npx",
      "args": ["-y", "stitch-mcp"],
      "env": {
         "GOOGLE_CLOUD_PROJECT": "YOUR_PROJECT_ID"
      }
    }
  }
}

✨ 主要特性

• 零配置：只需登录一次，即可在任何地方使用。
• 通用性：可在Windows、Mac和Linux系统上运行。
• 免费：谷歌Stitch API可免费使用。

🛠️ 可用工具

💡 使用建议

为了生成一致的用户界面，可使用以下两步流程：

1. 提取：“从主屏幕获取设计上下文...”
2. 生成：“使用该上下文生成聊天屏幕...”

这将确保你的新屏幕与现有设计系统完美匹配。

📄 许可证

Apache 2.0 - 开源且可免费使用。

Star历史

由Aakash Kargathara用心打造