Reachy Mini Vibe Coding Apps:为机器人制作静态浏览器应用
Reachy Mini Vibe Coding Apps 是面向 Reachy Mini 的对话式编程工具,可协助生成由 index.html、main.js 和 README.md 组成的静态浏览器应用,并提供预览与发布到 Hugging Face Spaces 的流程。

目标网站网页截图,页面可能随时间更新。
- 作者:tfrere
- 分类:AI 编程与 Agent
- 名称:Reachy Mini Vibe Coding Apps
- 来源:Hugging Face Spaces
Reachy Mini Vibe Coding Apps 将对话式 Agent、代码编辑和机器人应用开发结合起来,目标是快速制作可运行的小型静态应用。用户可以描述想要的交互,生成三文件应用,在沙盒预览中检查效果,再发布到 Hugging Face Spaces。
核心功能
工具围绕一种明确的应用形态工作:由 index.html、main.js 和 README.md 组成的三文件静态 Space。应用不需要构建步骤、npm、Docker 或服务端密钥,生成内容可以直接在沙盒预览 iframe 中运行。
编辑器支持对虚拟文件进行写入、修改、删除和读取,Agent 也可以读取 Reachy Mini 相关技能文档。前端提供对话面板、代码编辑器、预览区域以及发布入口,便于在同一流程中完成生成、检查和交付。
它主要生成什么类型的应用?
主要生成面向 Reachy Mini 的小型静态浏览器应用,固定由三个文件构成。
适用任务
它适合把一个具体的机器人交互想法转成可预览的网页应用,例如围绕关节自由度、动作控制、天线按钮或头部操控设计交互。相关技能文档涵盖 DOF、安全限制、goto 与 setTarget 的区别,以及机器人守护进程的 REST 和 WebSocket 接口。
如果任务需要复杂构建流程、服务端逻辑或超出三文件静态应用范围的工程结构,使用时应先确认需求是否能够压缩到该约束内。
可以用于哪些 Reachy Mini 交互?
可围绕动作、关节、天线和头部操控等主题设计应用,但具体实现仍需遵循机器人接口与安全限制。
使用思路
较适合先用一句话描述目标交互,再逐步补充界面、动作触发方式和安全边界。Agent 生成文件后,可以先在沙盒 iframe 中预览,再根据结果要求它修改对应文件。
生成的应用采用 SDK 负责的连接方式:独立运行时使用 mountHost,嵌入 Reachy Mini 宿主时使用 connectToHost。嵌入场景遵循 protocol-v1 握手,由 embed:ready 开始并接收 host:init,消息带有指定来源和版本标记。
- 描述应用目标、机器人动作和交互控件。
- 查看生成的三个文件,并在预览区域运行。
- 针对界面或动作逻辑提出修改要求。
- 确认预览结果后,再发布到 Hugging Face Spaces。
生成的应用能否独立运行和嵌入宿主?
三文件应用设计为可独立运行,也可嵌入 Reachy Mini 宿主;两种模式由 main.js 分派给相应的 SDK 连接方法。
发布与运行机制
确认预览后,应用可以发布为 Hugging Face Space,并在用户账户下创建新的 Space。发布流程依赖 Hugging Face OAuth,相关权限包括写入和管理仓库。
Agent 使用 OpenRouter 提供的模型服务。系统支持配置模型、推理强度、并发数量和排队参数;具体可用模型取决于后端代码中的模型列表与部署配置。
发布应用需要什么?
发布流程需要 Hugging Face OAuth,并使用相应的仓库写入和管理权限。Agent 服务还需要配置 OpenRouter API 密钥。
文档与版本更新
工具会在运行期间尝试获取 Reachy Mini 上游文档和最新稳定版 SDK,并在满足稳定性与 CDN 解析条件时采用新版本。首次刷新成功前,系统使用项目内置的文档快照和回退 SDK 版本。
健康检查接口可展示当前使用的 SDK 版本、文档来源、最近一次刷新结果以及聊天并发状态。手写的技能章节不会自动更新,因此 API 变化时需要重新检查相关内容。
SDK 和文档会自动更新吗?
系统会按配置的刷新间隔尝试更新上游文档和 SDK;如果刷新失败,则继续使用此前有效内容或内置快照。