企业官网建设流程全解析

第三章 · 项目实战

用「水果消消乐」完整走一遍 VibeCoding 闭环：提示 → 生成 → 试玩 → 改需求 → 再生成。它刻意做成单文件 HTML，降低环境噪音，让你把注意力放在「怎么把需求说清楚、怎么验收、怎么迭代」。

本课目标

• 能写出包含约束与验收标准的游戏需求提示词。
• 体验 Claude Code 补全未声明细节时的「先确认再改」习惯。
• 会做视觉迭代而不破坏已测通逻辑。

1. 需求 / 提示词起点

课件中的初始需求要点：

1. 纯前端，单 HTML（内嵌 CSS/JS），双击即玩，无外部库、无网络依赖。
2. 10×10棋盘，6 种水果 emoji，开局随机。
3. 无可用步数时提示「没有可用步数」并自动洗牌。
4. 顶部计分板：得分 + 剩余步数（初始 30）；消除有简单动画与飘字；配色鲜艳。
5. 允许 Claude 对不清楚处先确认。

Claude 常见补全（课件对话