讲师版案例：校园故事生成器
这个案例为什么值得重点讲
这是启蒙营里最容易让学生发出“原来我真的做出了 AI 作品”的案例之一。
它的优势是：
- 输入和输出都非常直观
- 页面好看后很适合投屏展示
- 学生能快速加入自己的角色、地点和风格
- 传统方式很难让零基础学生在一节课里做出有“生成感”的互动作品
适用课程
- 青少年启蒙营
- 重点适用于第 5 课，也适合第 7、8 课展示
AI 风格 PPT 文件
原始素材附件
你要带着学生完成什么
- 做出一个可以输入关键词并生成校园故事开头的页面
- 支持至少 2 到 3 种风格
- 页面有创意写作工作坊的视觉气质
- 学生最后能讲清楚：这个作品为什么有趣、给谁玩
建议演示页节奏
| 页次 | 时间 | 目标 |
|---|---|---|
| 第 1 页 | 5 分钟 | 先展示成品，拉高期待 |
| 第 2 页 | 8 分钟 | 解释输入、按钮、输出三个核心区 |
| 第 3 页 | 10 分钟 | 用 Codex 生成第一版页面 |
| 第 4 页 | 12 分钟 | 增加不同风格和结果卡片 |
| 第 5 页 | 10 分钟 | 加入“再来一个”“复制结果”等小亮点 |
| 第 6 页 | 10 分钟 | 让学生替换自己的主题并讲解作品 |
逐页演示脚本
第 1 页：先让学生看到惊喜
讲师动作：
- 直接打开已经做好的故事生成器
- 输入“转学生 + 图书馆 + 悬疑风”
- 点击生成，让页面输出一段像样的故事开头
讲师可说：
今天我们不是学一个很抽象的技术名词，而是要做一个别人真的会想玩一下的作品。
第 2 页：拆成最简单的三件事
讲师动作：
- 在白板上写出
输入什么 / 点哪里 / 出来什么 - 告诉学生这个项目本质上是“输入区 + 按钮 + 结果区”
讲师可说：
复杂作品，先拆成最简单的 3 块。只要这 3 块跑起来，后面所有升级都只是加分。
第 3 页：让 Codex 先搭最小版本
第一轮提示词：
text
请帮我做一个适合中学生展示的“校园故事生成器”网页。
要求：
- 有标题、输入框、风格选择、生成按钮、结果卡片
- 用户输入角色和地点
- 支持搞笑、冒险、悬疑三种风格
- 页面青春、明亮、像创意写作工作坊
- 先给我最小可运行版本讲师动作：
- 强调“先要能跑，不先求完美”
- 让学生观察
Codex如何把模糊想法变成页面结构
第 4 页：让结果更像一个作品
第二轮提示词：
text
请继续升级这个页面：
- 结果显示成故事卡片
- 每种风格有不同的颜色和小图标
- 增加“再来一个”按钮
- 当输入为空时要给友好提示讲师动作：
- 对比升级前后的视觉差异
- 提醒学生：真正拉开差距的不是多写代码，而是敢不敢继续把作品说具体
第 5 页：让作品变成“我的版本”
第三轮提示词：
text
请把这个故事生成器改成更适合我们班展示的版本：
- 主标题改得更吸引人
- 默认故事主题围绕校园生活
- 结果卡片更像海报
- 底部加一句作品说明讲师动作：
- 让每个小组替换自己的标题和主题
- 鼓励学生把角色改成校园里熟悉的人物，如班长、广播站同学、值日生
第 6 页：作品说明训练
让学生练习用 30 秒回答：
- 这个作品给谁玩？
- 为什么它不是普通静态网页？
- 如果再做 1 个升级，你最想加什么？
常见卡点
- 学生只顾着换颜色，不理解输入和输出逻辑
- 页面能生成结果，但风格差异不明显
- 作品很花哨，却说不清楚“为什么这样设计”
讲师提醒
- 如果现场不稳定，可以先用假数据生成版，不强依赖外部接口
- 多鼓励学生换主题，让他们感受到“作品属于自己”
- 评价时优先看完成度和讲述能力，不必一味追求复杂功能