一、先开对话，说清楚协作方式#

我先明确了合作边界：先讨论需求，确认后再开始写代码。

• 22:20:26
  

  

二、AI 先追问需求，不急着写#

AI 先问了 5 个关键问题：游戏类型、玩法、技术栈、规模、灵感来源。

• 22:23:36
  

  

• 22:24:17
  

  

三、我给出方向，AI 做规则与方案收敛#

我给出目标：24 点数字游戏、静态网页 + JS、UI 要好看。
AI 给出规则总结、核心功能、UI 风格建议、交互方案，并让我二次确认。

• 22:24:57
  

  

• 22:28:23
  

  

• 22:29:37
  

  

四、落到工程细节：文件结构、保存路径、风格程度#

AI 在编码前再次确认：

• 单文件还是多文件
• 存放位置
• 轻像素还是重像素

我选择：单文件 index.html，保存到项目目录，轻度像素风。

• 22:31:58
  

  

• 22:32:18
  

  

• 22:32:37
  

  

五、生成代码并预览#

AI 生成了完整 index.html，包含发牌、表达式验证、计分、提示、音效、新一局等功能，并在浏览器打开预览。

• 22:33:43
  

  

• 22:34:29
  

  

• 22:34:44
  

  

六、验收测试：正确与错误都验证#

我实际输入表达式测试了两类场景：

• 正确答案：加分并提示成功

• 错误答案：显示结果不是 24 并提示重试

• 22:37:52
  

  

• 22:42:43
  

  

• 22:43:04
  

  

• 22:43:22
  

  

七、给 0 基础同学的可复用流程#

1. 先说协作规则：先确认需求，再写代码。
2. 让 AI 用问答清单收集需求。
3. 让 AI 输出「完整规格」并二次确认。
4. 编码前锁定工程细节（文件结构、路径、风格等级）。
5. 先做可运行 MVP（最小可用版本）。
6. 用「正确/错误」两组用例验收。
7. 最后让 AI 反向输出功能清单，便于复盘。

附：我这次可直接复用的需求描述#

1
我想做一个 24 点数字游戏：
2
- 静态网页 + JavaScript 实现
3
- 轻度像素风 UI，扑克牌带花色
4
- 核心功能：随机发 4 张牌、输入表达式验证是否等于 24、计分
5
- 增强功能：提示答案、基础音效、点击牌快速输入
6
- 先确认需求再写代码；每一步都先给我确认

最终代码，已经放到网页端了:

1
https://24digitalgame.pages.dev/