mcpField
V
Vibecode

Vibecode

远程服务
vibecodeapp.com开发工具12 天前更新

关于 Vibecode

Vibecode 让用户通过聊天构建和修改原生 iPhone 与 Web 应用,由其 Agent 编写、构建并测试应用。插件将聊天工作流连接到 Vibecode 账户中的应用,用户可在网页或 iPhone 应用中继续处理。

主要功能

  1. 01通过聊天创建和修改应用
  2. 02跟踪构建过程并查看失败原因
  3. 03读取日志、文件和截图
  4. 04在应用工作区运行命令
  5. 05恢复已保存的应用版本
  6. 06部署应用并管理副本

适用场景

  1. 01根据描述构建 iPhone 应用
  2. 02提出界面修改或缺陷修复
  3. 03通过日志和截图排查问题
  4. 04恢复较早的应用版本

MCP 相关

插件通过 OAuth 连接到 Vibecode 的 MCP 服务:https://api.vibecodeapp.com/mcp。其他 MCP 客户端也可直接连接该服务。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://api.vibecodeapp.com/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

Vibecode

skills.sh

Vibecode 可根据描述构建 iPhone 应用和 Web 应用。Vibecode 的 Agent 会编写、构建并测试应用。

此代码仓库包含适用于 Grok Bot、Claude Code 和 Gemini CLI 的 Vibecode 插件,也是报告 Vibecode 错误和请求新功能的地方。其他 MCP 应用也可以直接连接到 https://api.vibecodeapp.com/mcp(设置指南)。

Vibecode 插件

通过聊天构建和修改应用。你可以在聊天中查看构建进度、请求修改,并在应用无法正常运行时查看其内部情况。

入门
  1. 安装 Vibecode 插件:
    • Grok Bot: 从插件市场安装 Vibecode,然后选择 Connect。
    • Claude Code: 运行 /plugin install vibecode --marketplace vibecode/vibecode,然后运行 /mcp 并选择 vibecode 进行登录。
    • Gemini CLI: 运行 gemini extensions install https://github.com/vibecode/vibecode,然后在 Gemini CLI 中运行 /mcp auth vibecode。
    • 仅安装技能,适用于任何可读取技能的 Agent:npx skills add vibecode/vibecode。还需要连接 Vibecode MCP 服务。
  2. 登录 Vibecode(或使用 Google 或 Apple 创建账户),并允许访问。
  3. 请求构建应用,例如:“帮我构建一个 iPhone 应用,记录我每天喝了多少水。”

你构建的每个应用都会保存在 Vibecode 账户中,因此你可以继续在网页上的 Vibecode 或 Vibecode iPhone 应用中开发。

可以请求的操作
  • 构建和修改应用: 描述一个新应用,或请求添加新屏幕、更改颜色,或修复已构建应用中的问题。聊天会等待构建完成,并在应用就绪时通知你。
  • 跟进 Agent: 查看 Vibecode 的 Agent 做了什么、构建失败的原因,或停止构建。
  • 查看内部情况: 读取应用日志(也包括其已发布后端的日志)、文件和最新截图,或在其工作区中运行命令。聊天可见的所有内容都不会显示密钥。
  • 版本: 列出应用已保存的版本并恢复较早的版本。之后的版本会保留。
  • 管理应用: 列出、重命名、复制或删除应用。
  • 发布上线: 部署应用供任何人使用,为 Web 应用提供 vibecode.run 地址或连接自有域名,并设置密码保护。部署不会通过聊天直接产生费用:如果费用超出套餐包含额度,你会收到一个链接,可前往 Vibecode 部署。
  • 在其他地方继续: 获取链接,以便在 Vibecode 或 iPhone 上打开应用,或将其发布到 App Store。
套餐和额度

创建账户并连接服务免费,新账户的首次应用构建也免费。之后,构建和修改会消耗 Vibecode 额度,你可以在 vibecodeapp.com 管理额度。聊天中不会出售任何内容。

插件包含的内容
  • .cursor-plugin/plugin.json:Grok Bot 插件的清单。
  • .claude-plugin/plugin.json 和 .claude-plugin/marketplace.json:Claude Code 插件及其所在的市场。
  • gemini-extension.json:Gemini CLI 扩展。
  • server.json:Vibecode 服务在 MCP Registry 中的条目。
  • mcp.json:Vibecode 服务 https://api.vibecodeapp.com/mcp。使用 Vibecode 账户通过 OAuth 登录;插件不会存储密钥。
  • skills/vibecode:关于如何有效使用工具的说明。上述每个插件都包含此技能。

错误和功能请求

如需报告错误或请求新功能,请在 Issues 页面提交 issue,也可以对希望我们优先处理的 issue 做出回应。

链接

许可证

此插件采用 MIT 许可。请参阅 LICENSE。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。