从想法开始构建

尝试 VibeCoding

VibeCoding 用于从零构建自己的想法。在 PC 上,将 AI 编码 Agent 与 ESP-Mosaico 模拟器、调试工具和 实体设备配合使用,创建更具挑战性的嵌入式应用。

电脑上的 ESP-Mosaico VibeCoding 工作流

你需要准备什么

在 PC 上准备一个 AI 编码 Agent,例如:

  • Codex
  • Claude Code
  • OpenCode
  • Trae

此外还需要一条支持数据传输的 USB 数据线,用于连接 ESP-Mosaico 与 PC。

进入下载模式

关闭 ESP-Mosaico,通过 USB 数据线将其连接到 PC。按住 BOOT 按钮,再短按电源按钮启动, ESP-Mosaico 将进入下载模式,用于刷写固件或下载程序。

进入下载模式后,屏幕保持黑屏是正常现象。

给 Agent 分配任务

可以尝试这样的提示词:

下载这个仓库的代码:https://github.com/esp-mosaico/esp-mosaico-vibe 配置环境并实现一个贪吃蛇游戏。

这段提示词包含项目仓库地址,Agent 可以据此获取代码、配置环境并实现游戏。

迭代成果

Agent 完成第一个版本后,根据设备或模拟器上的实际效果指导下一次修改:

贪吃蛇移动太快了。请降低速度并添加暂停功能。
添加开始界面和游戏结束界面。
让 AI KEY 返回主菜单。

提示

  1. 使用 Plan Mode。VibeCoding 依赖共同理解。当一个请求难以一次表达完整时,先让 Agent 的 Plan Mode 重述它的理解,再在实现前进行修正。
  2. 在 ESP-GSP 模拟器中制作 UI 原型。在刷写到实体设备前,先在模拟器中验证布局、交互逻辑和 视觉效果。
  3. 使用调试工具进行多模态测试。本仓库中的工具可以捕获屏幕并支持交互式测试。