WeWeb MCP icon

WeWeb MCP

WeWeb MCP 可将 Claude Code、Cursor、Codex、Antigravity、ChatGPT 等兼容 MCP 的 AI 智能体连接至 WeWeb 项目,帮助开发者和团队把需求、设计与应用逻辑转化为可编辑的 WeWeb 应用。

WeWeb MCP

在 WeWeb 中进行 AI 辅助开发

WeWeb MCP 是一个用于借助外部 AI 智能体在 WeWeb 中进行构建的 MCP 服务器。它可连接 Claude Code、Cursor、Codex、Antigravity 和 ChatGPT 等指定客户端,同时也支持其他兼容 MCP 的智能体。智能体可以根据需求、设计和应用逻辑,对 WeWeb 项目进行修改。

该工作流旨在将智能体辅助开发与 WeWeb 的可视化编辑器结合起来。用户可在客户端中配置 MCP 服务器,登录并授权访问,选择工作区和项目,然后描述希望完成的工作。之后,可以在 WeWeb 中审核智能体的修改,通过进一步发送提示进行完善,或手动编辑。该服务使用已连接智能体的账户、模型和令牌,而不是 WeWeb AI 点数。

核心功能

连接 AI 编程智能体

通过 MCP 客户端配置连接 Claude Code、Cursor、Codex、Antigravity、ChatGPT 或其他兼容 MCP 的智能体。

根据需求和应用逻辑构建

使用已连接的智能体,将需求、设计、产品要求和应用逻辑转化为页面、表单、状态、工作流及其他 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 服务及外部项目上下文结合使用。
  • 使用已连接智能体的令牌,而不是 WeWeb AI 点数。

Cons

  • 该工作流要求使用兼容 MCP 的客户端、完成服务器配置并获得 WeWeb 授权,之后智能体才能处理项目。
  • 源信息未详细说明工具权限、使用限制、生成输出保证,或每种兼容 MCP 的智能体的具体行为。

FAQ

什么是 WeWeb MCP?

WeWeb MCP 是一个模型上下文协议服务器,可将兼容的 AI 智能体连接到 WeWeb,帮助它们构建和修改 WeWeb 项目。修改内容仍可在 WeWeb 可视化编辑器中查看和审核。

哪些 AI 智能体可以连接到 WeWeb MCP?

页面列出了 Claude Code、Cursor、Codex、Antigravity 和 ChatGPT,并表示该服务适用于任何兼容 MCP 的智能体。智能体使用其自身的账户、模型和令牌。

WeWeb MCP 会使用 WeWeb AI 点数吗?

产品页面表示,WeWeb MCP 使用已连接智能体的令牌,而不是 WeWeb AI 点数。定价页面列出 Free 计划包含 14 天 WeWeb MCP Server 试用,Pro 计划提供无限 MCP Server 访问权限;源信息未说明其他计划的具体行为。

我可以控制智能体能够访问的内容吗?

可以。你可以允许智能体访问整个项目,也可以将其限定在特定页面、工作流、数据区域或设计系统任务中。登录 WeWeb 后,还必须对智能体进行授权。

项目和 MCP 工作流在 WeWeb 中仍可编辑吗?

可以。你可以在 WeWeb 中检查生成的结果,继续向智能体发送提示,或在可视化编辑器中自行编辑项目。页面还介绍了与其他 MCP 服务器协同工作,包括 Xano、Supabase 和 Airtable 等后端 MCP 服务。

Quick Facts

类别
AI 辅助无代码开发
平台
WeWeb 可视化开发平台
协议
模型上下文协议(MCP)
指定客户端
Claude Code、Cursor、Codex、Antigravity 和 ChatGPT
设置
配置 MCP 客户端,登录 WeWeb,授权访问并选择项目
计划可用性
Free 计划包含 14 天 WeWeb MCP Server 试用;Pro 计划列出无限访问权限