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用心打造