关于 Vibecode
Vibecode 让用户通过聊天构建和修改原生 iPhone 与 Web 应用,由其 Agent 编写、构建并测试应用。插件将聊天工作流连接到 Vibecode 账户中的应用,用户可在网页或 iPhone 应用中继续处理。
主要功能
- 01通过聊天创建和修改应用
- 02跟踪构建过程并查看失败原因
- 03读取日志、文件和截图
- 04在应用工作区运行命令
- 05恢复已保存的应用版本
- 06部署应用并管理副本
适用场景
- 01根据描述构建 iPhone 应用
- 02提出界面修改或缺陷修复
- 03通过日志和截图排查问题
- 04恢复较早的应用版本
MCP 相关
插件通过 OAuth 连接到 Vibecode 的 MCP 服务:https://api.vibecodeapp.com/mcp。其他 MCP 客户端也可直接连接该服务。
配置
远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。
https://api.vibecodeapp.com/mcpclaude mcp add --transport http com-vibecodeapp-vibecode https://api.vibecodeapp.com/mcp{"mcpServers":{"com-vibecodeapp-vibecode":{"type":"http","url":"https://api.vibecodeapp.com/mcp"}}}在 Cursor 中打开{"servers":{"com-vibecodeapp-vibecode":{"type":"http","url":"https://api.vibecodeapp.com/mcp"}}}在 VS Code 中打开{"mcpServers":{"com-vibecodeapp-vibecode":{"type":"http","url":"https://api.vibecodeapp.com/mcp"}}}{"mcpServers":{"com-vibecodeapp-vibecode":{"serverUrl":"https://api.vibecodeapp.com/mcp"}}}命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
工具
详细介绍
Vibecode
Vibecode 可根据描述构建 iPhone 应用和 Web 应用。Vibecode 的 Agent 会编写、构建并测试应用。
此代码仓库包含适用于 Grok Bot、Claude Code 和 Gemini CLI 的 Vibecode 插件,也是报告 Vibecode 错误和请求新功能的地方。其他 MCP 应用也可以直接连接到 https://api.vibecodeapp.com/mcp(设置指南)。
Vibecode 插件
通过聊天构建和修改应用。你可以在聊天中查看构建进度、请求修改,并在应用无法正常运行时查看其内部情况。
入门
- 安装 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 服务。
- 登录 Vibecode(或使用 Google 或 Apple 创建账户),并允许访问。
- 请求构建应用,例如:“帮我构建一个 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 做出回应。
链接
- 网站:https://www.vibecodeapp.com
- 文档:https://www.vibecodeapp.com/docs
- 隐私政策:https://www.vibecodeapp.com/privacy
- 条款:https://www.vibecodeapp.com/terms
- 支持:[email protected]
许可证
此插件采用 MIT 许可。请参阅 LICENSE。
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。