連接 AI 程式碼代理
透過 MCP 用戶端設定，連接 Claude Code、Cursor、Codex、Antigravity、ChatGPT 或其他支援 MCP 的代理。
WeWeb 內的 AI 輔助開發
WeWeb MCP 是一個 MCP 伺服器，讓你透過外部 AI 代理在 WeWeb 中進行建置。它可連接 Claude Code、Cursor、Codex、Antigravity 與 ChatGPT 等指定用戶端，也支援其他相容 MCP 的代理。代理可根據簡報、設計與應用程式邏輯，對 WeWeb 專案進行變更。
此工作流程旨在結合代理輔助開發與 WeWeb 的視覺化編輯器。使用者可在用戶端設定 MCP 伺服器、登入以授權存取、選擇工作區與專案，並描述希望完成的工作。接著可在 WeWeb 中檢視代理的變更、透過後續提示進行調整，或手動編輯。此服務使用連接代理的帳戶、模型與 tokens，而非 WeWeb AI 點數。
核心功能
從簡報與應用程式邏輯建置
使用連接的代理，將簡報、設計、產品需求與應用程式邏輯轉為頁面、表單、狀態、工作流程及其他 WeWeb 專案變更。
限定代理存取範圍
選擇讓代理在完整專案中工作，或專注於特定頁面、工作流程、資料區域或設計系統工作。
以視覺化方式檢視與編輯
在 WeWeb 中檢視代理產出的內容，並繼續提供提示或直接在視覺化編輯器中修改，而不是將產出視為最終結果。
套用設計系統內容
套用來自 Figma、Google Stitch、Claude Design 或 design.md 等來源的設計規則，並使用 shadcn、React 參考或自訂程式碼元件，建立具備無程式碼屬性的可重複使用元件。
連接專案內容
在 MCP 技術堆疊中工作，將 WeWeb 與 Xano、Supabase 或 Airtable 等後端 MCP 服務，以及來自文件、網站、Figma 檔案與媒體資產的 API 和產品內容搭配使用。
實際使用情境
將 PRD 轉為應用程式基礎
提供產品簡介或 PRD 給代理，讓它根據使用者旅程、頁面、表單、狀態與流程建立初始應用程式架構，然後在 WeWeb 中進一步調整。
根據設計系統建置
提供來自 Figma、Google Stitch、Claude Design 或 design.md 的品牌規則，讓代理建立可重複使用的元件與更一致的介面，而不是依賴預設樣式。
建置資料連接的前端
將 WeWeb 與 Xano、Supabase 或 Airtable 等後端 MCP 服務搭配使用，在資料、欄位、關聯、驗證、儲存空間與後端工作流程的脈絡下建立前端。
重構現有專案
使用代理找出未使用的變數、過時的工作流程、測試元件、命名不一致與遺留的建置產物，同時保留專案以供視覺化檢視。
進行受控的專案變更
當團隊需要目標明確的變更，而非廣泛的專案存取權時，將代理限定在指定頁面、工作流程、資料區域或設計系統工作。
Pros and Cons
Pros
- 支援多個指定的 AI 用戶端，以及任何支援 MCP 的代理。
- 可讓使用者將工作限定於完整專案，或更小範圍的頁面、工作流程、資料或設計系統。
- 產生的變更仍可在 WeWeb 視覺化編輯器中檢視與編輯。
- 可與後端 MCP 服務及外部專案內容搭配使用。
- 使用連接代理的 tokens，而非 WeWeb AI 點數。
Cons
- 此工作流程需要支援 MCP 的用戶端、伺服器設定，以及 WeWeb 授權，代理才能在專案上工作。
- 來源未說明詳細的工具權限、使用限制、產出內容保證，或每種支援 MCP 的代理的行為。
FAQ
什麼是 WeWeb MCP？
WeWeb MCP 是 Model Context Protocol 伺服器，可將相容的 AI 代理連接至 WeWeb，協助建置與修改 WeWeb 專案。變更內容仍可在 WeWeb 視覺化編輯器中檢視。
哪些 AI 代理可以連接至 WeWeb MCP？
頁面列出 Claude Code、Cursor、Codex、Antigravity 與 ChatGPT，並表示此服務可與任何支援 MCP 的代理搭配使用。代理會使用自己的帳戶、模型與 tokens。
WeWeb MCP 會使用 WeWeb AI 點數嗎？
產品頁面表示，WeWeb MCP 使用連接代理的 tokens，而非 WeWeb AI 點數。定價頁面列出 Free 方案包含 14 天 WeWeb MCP Server 試用，以及 Pro 方案提供無限 MCP Server 存取權；其他方案的行為未在來源中說明。
我可以控制代理能存取的內容嗎？
可以。你可以讓代理存取完整專案，或將其限定在特定頁面、工作流程、資料區域或設計系統工作。登入 WeWeb 後，必須先授權代理。
專案與 MCP 工作流程在 WeWeb 中仍可編輯嗎？
可以。你可以在 WeWeb 中檢視產生的結果、繼續提示代理，或直接在視覺化編輯器中自行編輯專案。頁面也說明可搭配其他 MCP 伺服器使用，包括 Xano、Supabase 與 Airtable 等後端 MCP 服務。
Quick Facts
- 類別
- AI 輔助的無程式碼開發
- 平台
- WeWeb 視覺化開發平台
- 通訊協定
- Model Context Protocol (MCP)
- 指定用戶端
- Claude Code、Cursor、Codex、Antigravity 與 ChatGPT
- 設定方式
- 設定 MCP 用戶端、登入 WeWeb、授權存取權，並選擇專案
- 方案提供情況
- Free 方案包含 14 天 WeWeb MCP Server 試用；Pro 方案列出無限存取權
WeWeb MCP 替代品
Speculos
Speculos 是 Claude Code 的部署工具，可將你建立的內容發布成可分享的 URL。支援私有、組織內或公開應用，並提供公司網域、資料連線與客戶雲端部署的團隊控管。
CreateOS Sandbox
CreateOS Sandbox 是以 Firecracker micro-VM 執行程式與 agent 工作負載的隔離運算環境，支援私有網路、SDK、CLI 與 MCP 程式化控制。
GitBot
GitBot 是以瀏覽器為基礎的本機工作區，可使用 Claude Code、Codex 或 OpenCode 建立可重複使用的程式設計機器人，並在儲存庫資料夾中執行，支援持續執行緒與可設定權限。
Codex Plugins
Codex Plugins 將可重用技能、應用程式整合與 MCP 伺服器打包成可安裝到 Codex app 或在 Codex CLI 使用的工作流程，方便延伸 Codex 的連線服務任務、重複使用指令與團隊共享流程。
Wallie
Wallie 是開源 AI streamer，可觀看你的螢幕、聆聽聊天室，並以可設定的人設即時生成直播評論；支援本機執行與自有金鑰，適合無真人出鏡、自治直播與即時互動。
Make Real
Make Real 是一款 Next.js 應用，可將手繪線框圖轉成可運作的 HTML 原型，整合 tldraw SDK 與 AI models，支援畫布草繪、產生程式碼與內嵌預覽檢視。