Code MCP 简介
Code MCP 在您的机器上运行一个本地的、只读的 MCP 服务器,以便 AI 编码智能体(如 Claude Code、Codex、Cursor、VS Code、Antigravity 等)能够将制作好的 ProtoPie 原型转化为真实的代码。
与 Studio MCP 不同,Code MCP 是基于链接的:您将智能体指向一个 ProtoPie Cloud 链接(Pie 的 URL 或从 Dev View 复制的链接),它就会精确读取该链接指向的 Pie 和版本,并提取所需的场景、图层、组件、变量以及触发器-响应交互。它通过 npx 在本地运行,并使用您自己的账户权限通过 OAuth 与 ProtoPie Cloud 进行通信。
您可以做什么
在您的框架(React、SwiftUI、Compose、Flutter、QML、ArkTS)中,通过一个链接实现整个原型,或者一个场景、组件、图层。
检查结构和行为:场景/图层树、组件、变量,以及它们背后的交互、条件和公式。
提取原始素材(图像、字体、缩略图),以便生成的代码保持完整的视觉保真度。
要求
Node.js 20 或更高版本。
拥有该 Pie 下载权限的 ProtoPie Cloud 账户(参见 Access and permissions)。
支持的 MCP 客户端:Claude Code、Codex、Cursor、VS Code、Antigravity 或任何其他支持 MCP 的智能体。
它不能做什么
仅将
.pie转换为代码;它不能将代码转换回.pie。它向您的智能体提供准确的规范,但最终的代码质量取决于您的智能体和提示词(prompts)。
目前仅限本地(stdio)服务器 —— 尚无远程服务器。
了解 如何安装和设置 Code MCP