VibeCoding 实训墙共三题,按场次完成 · 做完把产物交上来
课题按场次开放
实训墙 / 课题 01

浏览器小游戏

30 分钟做出一个能玩的东西 · 约 30–60 分钟

9 份已上墙
题目与约束

要做成什么样

从空白开始,用 AI 做出一个可在浏览器里直接玩的小游戏。重点不是玩法有多复杂,而是走完「说清楚目标 → 让 AI 规划 → 分步实现 → 自己打开检查 → 再改」这一遍。

约束

  • 纯前端即可运行,打开页面就能玩,不依赖后端。
  • 必须有开始、进行中、结束三个状态。
  • 必须能用键盘或鼠标交互,不能只是动画展示。
  • 失败或通关后可以重开。
  • 不要把 node_modules 打进提交包。

建议路径

  1. 先用一句话写清玩法、胜负条件和操作方式。
  2. 让 AI 给出文件结构和实现步骤,再按步执行。
  3. 每做完一块就在浏览器里打开,不要等全部写完再测。
  4. 自己玩一遍,把卡死、无反馈、无法重开的问题改掉。

提交物

可运行的游戏页面(index.html 或可预览的前端项目),以及一份不超过一页的 AI 使用复盘。

评讲看:能否运行、规则是否完整、操作是否清楚、是否自己检查过 AI 的结果。

上墙

提交这份课题的成果

网页提交或用下发的 skill。姓名和产物都必填。

拖入文件或点击选择
可传 zip / html / 截图 / README。不要包含 node_modules。