# AICODE-06 课程大纲 > AI编程创新课 · 06路线 · 春季学期（前5课独立，合流时间点待定） > 适用对象：小学6年级起点，有扣子/低代码经验 --- ## 独立阶段：代码编程衔接（第1-5课） | 课时 | 课程主题 | 学习目标 | 知识点复习 | 知识点新知 | |:----:|---------|---------|-----------|-----------| | 1 | 从扣子到代码 | • 理解"扣子智能体"和"AI编程"的本质区别：配置 vs 创造
• 掌握 Trae IDE 界面布局和核心操作流程
• 理解 Vibe Coding：用自然语言驱动AI写代码 | 扣子智能体搭建经验 | Trae IDE 操作、Builder/Chat 模式、Vibe Coding 概念 | | 2 | SOLO模式初体验 | • 理解三种模式的区别：Chat（问问题）、Builder（从零创建）、Solo Coder（精准修改）
• 能根据场景选择正确模式
• 掌握跟随模式：实时观看AI编写代码 | Trae IDE 操作、Builder 模式 | Chat/Builder/Solo Coder 三种模式、跟随模式、模式选择策略 | | 3 | Solo Coder 迭代深化 | • 掌握内置浏览器预览和元素选择功能
• 能用"点击元素→描述修改"的方式精准迭代
• 完成从基础版到完善版的多轮迭代 | 三种模式、跟随模式 | 内置浏览器预览、元素选择、点击式精准修改、多轮迭代策略 | | 4 | 我的个人主页（上） | • 理解"内容先行"原则：先想清楚展示什么再让AI做
• 掌握板块化设计思维：把页面拆成独立区域
• 能在 Trae 中创建自定义智能体并编写系统提示词 | 三种模式、元素选择、迭代 | 内容清单方法、板块化设计、Trae 自定义智能体、占位内容替换 | | 5 | 我的个人主页（下） | • 能根据同学反馈有针对性地优化页面
• 能用自然语言让AI实现交互效果（hover、动画、轮播）
• 能用3分钟路演展示作品并讲解设计思路 | 自定义智能体、内容清单、Solo Coder 迭代 | 交互效果实现、设计一致性、发布前检查、产品路演 | --- --- ## 项目实战阶段：魔幻俄罗斯方块（第6-7课） > 面向已完成前5课的 AICODE-06 学员。以俄罗斯方块为载体，系统训练工程师思维：Plan Mode 先行、需求审核、自动测试、新窗口原则。 | 课时 | 课程主题 | 学习目标 | 核心概念 | 核心工具 | |:----:|---------|---------|---------|---------| | 6 | 魔幻俄罗斯方块（上）— Plan Mode 先行 | • 掌握 Plan Mode 三步流程：整理需求 → 需求审核 → 确认需求
• 理解需求质量 = 输出质量：需求越详细，AI 执行越准确
• 建立新窗口原则：审核必须在新窗口进行，避免上下文污染
• 能独立完成「需求文档 → 审核 → 生成 → 验收 → 结果溯源」完整闭环 | Plan Mode、需求文档、需求审核、结果溯源、新窗口原则、上下文污染 | Kimi 2.5 | | 7 | 魔幻俄罗斯方块（下）— 魔改升级 + AI 自动测试 | • 掌握增量需求文档：在已有基础上只写新增功能
• 理解自动化测试：让 AI 生成测试脚本替代手动验收
• 能读懂测试脚本 ✅❌ 结果并溯源修复
• 建立「测试通过才算完成」的质量意识，利用测试脚本安全做第二版、第三版 | 自动化测试、测试覆盖、边界条件、增量需求、新窗口原则 | Kimi 2.5 | **两课核心工作流：** ``` Plan Mode（新窗口A：整理需求） ↓ 需求审核（新窗口B：AI扮演审核工程师） ↓ 执行生成（新窗口C：Kimi生成代码） ↓ 手动验收 → 感受手动测试的局限 ↓ AI生成测试脚本（新窗口D：自动测试） ↓ 测试全部 ✅ → 有了安全网 → 放心做第二版、第三版 ``` --- ## 项目实战阶段：涂鸦PK（第8-11课） > 在工程流程（Plan Mode + 测试）已内化的基础上，以「自绘角色对战游戏」为载体，训练数据驱动设计、增量需求迭代、和设计决策表达力。 | 课时 | 课程主题 | 学习目标 | 核心能力 | 核心产出 | |:----:|---------|---------|---------|---------| | 8 | 涂鸦PK（一）— 画图工具 + 角色设计 | • 能用需求文档驱动生成自己的HTML5画图工具
• 能画出两帧角色Spritesheet（帧1待机+帧2攻击）
• 理解20分属性预算制，能根据打法定位分配属性 | 拆解力、审美力 | 自制画图工具 + 角色Spritesheet（128×64 PNG）+ 角色属性JSON | | 9 | 涂鸦PK（二）— 基础对战系统 | • 能用需求文档描述战斗规则（公式/先手/特技），让AI生成完整对战系统
• 理解边界情况的重要性：需求文档必须覆盖所有异常情况
• 能用AI在新窗口生成测试脚本，验证伤害公式和胜负判定 | 拆解力、韧性力 | 可对战的PK系统（有血条/四种行动/AI对手）+ 测试脚本验证报告 | | 10 | 涂鸦PK（三）— 动画 + 音效 + 特技 | • 能用自然语言描述动画「感觉」，让AI实现Phaser Tween动画
• 理解Web Audio API：用代码合成音效，零外部素材依赖
• 掌握增量需求写法：只写新增部分，不重写已验收功能 | 审美力、提问力 | 有完整动画+音效+特技特效的战斗体验版 | | 11 | 涂鸦PK（四）— 班级锦标赛 | • 理解数据驱动设计：加JSON文件=加角色，不改代码
• 能用增量需求实现roles角色系统（从文件夹读取所有角色）
• 能用3分钟路演清晰表达设计决策（定位+意图+复盘） | 表达力、共创力 | roles系统 + 班级角色锦标赛 + 设计决策路演 | **四课核心工作流（延伸自第6-7课工程流程）：** ``` 需求驱动（窗口A整理 → 窗口B审核 → 窗口C执行） ↓ 测试验证（窗口D生成测试脚本 → 验证核心逻辑） ↓ 增量迭代（只写新增需求 → 已验收功能不重写） ↓ 数据驱动扩展（加文件=加功能 → 代码与数据分离） ``` --- ## 合流说明 > **合流时间点待定。** 原计划第5课合流，但考虑到 AICODE-03 学生打字和表达能力的成长节奏，合流点可能后延。 > > AICODE-06 前5课的衔接设计确保学生具备以下基础： > > | AICODE-03 前期培养的能力 | AICODE-06 前5课对应的能力 | > |:---|:---| > | AI基本原理认知（Token、幻觉等） | 扣子→代码的认知跃迁（配置 vs 创造） | > | 提示词五要素模型 | 三种模式选择策略 + 自定义智能体系统提示词 | > | AI编程工具操作 + 审查三问 | Trae IDE 深度操作（跟随模式、元素选择、内置浏览器） | > | Bug描述三要素 + 迭代修复 | 多轮迭代 + 内容规划 + 交互效果 + 产品路演 | > > 合流后的课程内容详见 [AICODE-03课程大纲](../AICODE-03/AICODE-03课程大纲.md)。