项目引导

项目介绍 + 功能需求 + 拆解思路 + 草图规划

自主实操

学生独立用AI生成代码、预览、迭代修改
教师巡场一对一辅导

焚诀 + 展示

焚诀讲授 + 3-4位同学作品展示/互评

📋 核心功能

① 圆形头像占位图
② 姓名（大字号）
③ 个人简介（小字灰色）
④ 3-5个技能标签
⑤ 底部社交链接按钮
⑥ 渐变背景，居中布局

分而治之法

一个完整项目 = N个小步骤。
不要一口气全扔给AI。

6轮对话，每轮1个需求：
空白页→头像→姓名→简介→标签→链接按钮

📋 本课时目标

· 完成页面框架（输入区+列表区+计数区）
· 实现"添加事项"功能
· 实现列表展示

类比参考法

说不清楚想要什么效果？
找一个参照物让AI模仿。

"配色风格参考苹果官网"
"按钮样式做成微信绿色按钮那样"
"阴影效果参考淘宝商品卡片"

📋 本课时目标

· 实现勾选完成（文字变灰+删除线）
· 实现删除事项
· 实现未完成计数
· 整体美化打磨

报错回传法

代码运行时报错？别怕！
错误信息是AI修Bug的地图。

① 截图/复制红色报错文字
② 发给AI："运行后报了这个错，请帮我分析原因并修复"
③ 循环直到正常运行

📋 核心功能

· 显示屏 · 数字按钮0-9
· 运算符 + - × ÷
· 等号= · 清除C · 退格⌫
· 小数点支持 · 运算历史(可选)

边界约束法

告诉AI"不要什么"，
和告诉它"要什么"同等重要。

"不要使用任何外部CSS框架"
"请用原生JavaScript，不要引入jQuery"
"不要改动导航栏的代码"

分步施工法

复杂项目按轮次分层施工，
每一轮只做一个功能模块。

6轮施工：框架→添加→编辑→删除→搜索→localStorage

换角度重试法

AI生成的方案不满意？
换一种描述方式，可能完全不同。

三种策略：换身份 | 换场景 | 换约束

📋 核心功能

· 图书录入（书名、作者、ISBN、分类、日期）
· 图书列表展示 + 库存状态
· 借阅管理（借出/归还+借阅人）
· 库存统计（总数/已借出/在库）
· 逾期提醒（>30天红色标记）
· 搜索筛选

方案对比法

面对多种实现方式不知道怎么选？
让AI帮你分析利弊。

"对于XXX，方案A用表格，方案B用卡片。请帮我分析优缺点，推荐一个方案。"

📋 考核规则

· 学生从零开始独立完成
· 教师只提供需求说明
· ❌ 不干预实现过程
· ❌ 不帮写提示词
· ❌ 不帮调试

📊 评分维度（建议）

· 功能完整度
· 独立完成度
· 创意发挥
· 作品展示表达能力