如何跟 AI 对话
从「它写得还行」,到「它一次就交出我要的东西」。四个递进的问题:先学一套方法,再把它用到课件上,再解决「我只有模糊想法」,最后算清质量与成本这笔账。
视频没能加载出来
多半是网络不稳,刷新页面再点一次试试;也可以先往下看图文教程,内容是同步的。
0.同一个需求,两种问法
第一次用 AI 做课件,最常见的结局是:它给你一份十页的 PPT 大纲,每页写着「引导学生认识情绪的重要性」。你看着挺像回事,做出来才发现——那不是课件,那是目录。
0.1翻车现场
"帮我做一节情绪管理的课件"
它给你一份通用教案:教学目标、重难点、教学过程、板书设计。每句话都对,每句话都用不上。你要的「学生能点、能玩、能看见反馈」,一个都没有。
"用单文件 HTML 做一个 5 页课件,初一情绪课。第 2 页让全班点选心情分 1–5 分并实时出柱状图,第 4 页把 8 张情境卡拖进「舒服 / 不舒服」两个筐。零外链,1280×720。"
它交给你一个双击就能打开的网页:投票会统计、卡片会判对错、投影上去刚好满屏。
| 对比维度 | 随手一问 | 结构化提问 |
|---|---|---|
| 内容相关性 | 一半内容用不上,还得自己筛 | 句句对准你要解决的问题 |
| 能不能直接用 | 只是「提示」,要自己再加工两小时 | 复制、打开、投屏 |
| 返工次数 | 通常要追问 5 轮才接近目标 | 多数任务 2 轮内定稿 |
| 出错风险 | AI 自由发挥,容易编造 | 边界清晰,跑偏概率低 |
这四种差距,本质上是四件事没说清楚。所以这一课不讲「话术技巧」,就回答四个问题:
| 你真实的困惑 | 这一课的哪一节 |
|---|---|
| 有没有一套系统的方法,不用每次瞎试? | 问题一:RTCOF 五步法 |
| 做课件这么复杂的事,Prompt 到底怎么写? | 问题二:课件 Prompt 的四层结构 |
| 我只有一个模糊想法,说不清需求怎么办? | 问题三:从模糊到可执行 |
| 想做得更好,又怕它又慢又贵? | 问题四:质量与成本的取舍 |
先说清楚一件事:AI 不知道你班上是什么情况,也不知道什么叫「这节课上得好」。这两件事只有你知道——所以让它干活之前,你得先把它不知道的告诉它。
1.问题一:有没有一套系统的方法?
有,而且只有五个要素。记不住五个也没关系,先记住一句话:把「你脑子里的默认前提」写出来。你以为它知道,其实它不知道。
1.1RTCOF:五个要素
| 字母 | 要素 | 回答什么问题 | 教学场景示例 |
|---|---|---|---|
| R | Role 角色 | 你希望它用什么身份、什么水平来回答? | "你是初中心理老师,教龄 8 年,带过 12 届初一" |
| T | Task 任务 | 具体做什么?动词要能被验收,不要用「看看」「处理一下」 | "设计 3 个课堂活动,每个写清时长和操作步骤" |
| C | Context 上下文 | 学情、素材、约束、受众是谁? | "46 人,偏安静,要点名才发言;教室有投影无音响" |
| O | Output 输出格式 | 要什么形态?多长?什么结构? | "输出为表格,三列:活动名 / 操作步骤 / 时长,不要解释原理" |
| F | Few-shot / Constraints 示例与约束 | 给 1–2 个「输入→输出」样例,或明确禁止什么 | "不要出现网络热梗;不要设计需要走动的活动" |
1.2四个最容易写歪的地方
R 不是「你是老师」,是「你是哪里的、教了多久的老师」。角色决定它调用哪一套默认知识——初中的心理课和高三的班会课,节奏、语言、活动强度完全不是一回事。写「你是老师」,等于没写。
T 的动词必须是能被检查的。「帮我优化一下」没法验收,因为它不知道优化到什么程度算完;「把这段活动说明改写成 80 字以内、学生能自己读懂的口令」就能验收。常用动词:列出、改写、对比、拆解、生成、检查。
O 要说清三件事:形态、长度、结构。不说长度,它会写一篇论文;不说结构,它会给你散文。一句「表格 / 三列 / 不要解释」能省下你两轮对话。
F 里的「禁止项」比「要求项」更管用。正面描述它常常记不住,明确禁止它反而会严格避开。心理课尤其要写:不要给诊断标签、不要描写自伤方法、不要提具体家庭结构。
香蕉豚老师的大白话RTCOF 这五个字母,其实就是跟装修师傅交代的五句话:你是谁、要做什么、给谁做、做成什么样、哪些不能动。你不会跟师傅说「帮我弄好看点」,那也别跟 AI 这么说——它比师傅还老实,你说什么它信什么。
1.3C 怎么写:一张学情清单
老师最值钱的私有上下文就是学情。同样一份教案,换个班效果可能差一半。所以每次开新对话,先把这张表填好粘进去:
| 字段 | 为什么重要 | 示例 |
|---|---|---|
| 学段与班额 | 决定语言难度和活动规模 | 初一 3 班,46 人 |
| 课堂氛围 | 决定要不要点名、要不要小组 | 偏安静,要点名才发言;3 个男生特别活跃 |
| 已有基础 | 避免讲重复的,或跳得太快 | 上过 2 节情绪课,知道「情绪粒度」 |
| 敏感点 | 避免踩到班里的真实伤口 | 有同学父母刚离异,避开家庭结构话题 |
| 设备条件 | 决定课件能不能放视频、能不能触屏 | 有投影能联网,无音响;机房电脑较旧 |
【学情】 学段班级:初一(7 年级)3 班,46 人 课堂氛围:偏安静,要点名才发言;有 3 个男生特别活跃 已有基础:上过 2 节情绪课,知道「情绪粒度」这个词 敏感点:班上有同学父母刚离异,避免涉及家庭结构的话题 设备条件:教室有投影能联网,没有音响;机房电脑较旧
1.4一个完整的五要素示例
把五要素连起来,就是一段能直接用的话。注意它并不长——完整不等于啰嗦:
你是初中心理老师,教龄 8 年,擅长把抽象概念变成学生能上手的小活动。 请为「同伴压力」这个主题设计 3 个课堂活动,用于一节 40 分钟的初一心理课。 学情:46 人,偏安静,要点名才发言;有 3 个男生特别活跃; 上过 2 节情绪课;班上有同学父母刚离异,避免涉及家庭结构; 教室有投影能联网,没有音响。 输出为表格,四列:活动名 / 操作步骤(分步骤写)/ 时长 / 可能出的状况。 每个活动控制在 10 分钟以内,不需要学生离开座位。 不要出现网络热梗,不要设计需要角色扮演到「演父母」的活动。
什么时候可以偷懒:简单任务(改一段话、起个标题)只需要 T 和 C。越是复杂、越是「做错了要全部重来」的任务,越要把五个要素逐项过一遍。
2.问题二:课件这种复杂的东西,Prompt 怎么写?
做课件和写教案是两种活。教案是「给人看的文字」,课件是「给人用的程序」。所以课件 Prompt 的重点不是描述得多优美,而是把规格写死。
2.1一句话原则:你不是在描述,你是在下施工单
你不会跟木工说「做个好看的柜子」,你会说尺寸、板材、开几个抽屉、装什么合页。做课件同理:说清舞台多大、有几页、每页学生做什么、点了之后发生什么。这三样说清楚,它就从「猜你想要什么」变成「按图施工」。
2.2六条硬约束,每次都要写
这六条是我做了十几个课件之后,总结出的「不写就一定出事」清单:
| 约束 | 不写会怎样 | 怎么写 |
|---|---|---|
| 舞台 1280×720 | 投影上被裁掉边缘,或者上下留黑边 | 「舞台 1280×720,等比缩放居中,任何屏幕都不出现滚动条」 |
| 单文件 | 生成一堆散文件,拷到教室电脑打不开 | 「CSS 和 JS 全部内联,双击 HTML 就能用」 |
| 零外链 | 学校网络封了 CDN,整页白屏或样式全丢 | 「不引用任何 CDN、在线字体、外部图片,图形用内联 SVG」 |
| 翻页三通道 | 只有鼠标能翻,教室里没鼠标就尴尬 | 「底部按钮 / 键盘方向键 / 点击舞台,三种都能翻页」 |
| 看得清(字号字重) | 投到教室最后一排看不清,这节课等于没上 | 「正文 ≥28px / 字重 500,标题 ≥44px / 字重 800,不用细体」 |
| 图片先压后嵌 | 直接把原图嵌进去,站内预览打开要等很久 | 「图片先压到长边 1280、转 webp,再内嵌成 base64」 |
为什么这条不是「字体」而是「字号字重」:在教室的距离上,学生分不出你用的是什么字体——PingFang 和微软雅黑投到幕布上几乎一样。真正决定「看不看得见」的只有两件事:多大、多粗。字体能不能加载,已经归上一条「零外链」管了,不用再写一遍。
顺带一个好用的换算:1280×720 的网页舞台(按 96dpi)正好是 13.33 × 7.5 英寸,和你平时用的 16:9 PPT 页面完全同尺寸。所以两边可以直接对着看:1px = 0.75pt,PPT 里说「正文 24 号」,网页里就是 32px。
2.3核心方法:先给页面清单,再让它写代码
这是我做课件最有用的一条经验。直接说「做个课件」,它会自由发挥;给一张页面表,它就变成了施工队——你负责设计课堂,它负责实现。
| 页码 | 教学动作 | 学生做什么 | 系统反馈 | 素材 |
|---|---|---|---|---|
| 1 | 封面 | 读标题 | 无 | 封面插画 |
| 2 | 暖场投票 | 点选心情 1–5 分 | 实时出柱状统计 | 无 |
| 3 | 概念讲解 | 点四个色块逐个揭示 | 揭示后出现一句解释 | 图标 4 个 |
| 4 | 分类练习 | 把 8 张情境卡拖进两个筐 | 正确变绿,错误弹回并提示 | 卡片 8 张 |
| 5 | 收尾 | 写下一句今天的发现 | 提交后显示「已收好」 | 无 |
一个隐藏的好处:填这张表的过程,其实就是在备课。你会发现有些页面「学生什么也不做」——那通常就是课堂上会走神的那几分钟。表填完,课的设计也清楚了一半。
2.4六种交互,够你用了
不要每次都想新花样。课件里的互动其实只有六种,选对了比做得花哨重要得多:
| 类型 | 学生做什么 | 适合承载什么 | 实现要点 |
|---|---|---|---|
| 点击揭示 | 点一下,内容出现 | 概念讲解、答案公布 | 最稳,几乎不会出错 |
| 拖拽分类 | 把卡片拖进不同筐 | 辨析、归类、对错判断 | 要有「错误弹回」反馈 |
| 随机抽取 | 点一下,抽一个人/词 | 点名、随机分组、抽题 | 记得做「已抽过不重复」 |
| 计时挑战 | 倒计时内完成任务 | 快速回忆、小组竞赛 | 时间到要有明确结束态 |
| 分支选择 | 选 A 或 B,走向不同剧情 | 情境判断、两难讨论 | 分支别超过 3 层,否则做不完 |
| 计分闯关 | 逐关答题,累计得分 | 知识复习、测评 | 要有通关页和重新开始 |
2.5三段式施工:别一次要成品
这是最容易踩的坑。一次就要求「做好看、能交互、文案也写好」,结果往往是:结构有问题,但视觉已经做完了,改结构等于全部重来。
- 第一段:骨架。灰阶占位,只验证「流程跑不跑得通、点击有没有反应」。这一步丑是正常的。
- 第二段:视觉。配色、插画、动效。此时结构已经定了,改视觉不会牵动逻辑。
- 第三段:文案。页面上的措辞、反馈语、给学生看的提示。最后磨,因为前面改了文案也白改。
2.6完整模板:直接复制去用
你是资深前端工程师,同时懂课堂教学节奏。 请用【单文件 HTML】做一个课堂互动课件,学生是初一(13 岁),课堂用投影。 【硬约束】 1. 舞台 1280×720,等比缩放居中,任何屏幕都不出现滚动条 2. 单文件:CSS 和 JS 全部内联,双击就能打开 3. 零外链:不引用 CDN、在线字体、外部图片;图形用内联 SVG 画 4. 翻页三通道:底部按钮 / 键盘左右方向键 / 点击舞台空白处 5. 字号要够投影:正文 ≥28px、字重 500;标题 ≥44px、字重 800;不用 300 以下的细体,不用浅灰字 6. 图片先压到长边 1280 再内嵌,不要直接嵌原图 【页面清单】 第 1 页 封面:课题 + 一句引导语 | 无交互 第 2 页 暖场投票:今天心情 1-5 分 | 点选后实时出柱状统计 第 3 页 概念:情绪的四个成分 | 点四个色块逐个揭示解释 第 4 页 分类:8 张情境卡拖进「舒服 / 不舒服」两个筐 | 正确变绿,错误弹回 第 5 页 收尾:写下一句今天的发现 | 提交后显示「已收好」 【本轮只做】 结构和交互。视觉一律用灰阶占位色,不要插画、不要动效。 做完输出两样:① 完整 HTML 代码 ② 一份「当前版本说明」,写清每页做了什么交互。
2.7让它自己验收
代码交过来别急着用,先让它自己查一遍。但清单要写清「查什么」——它看不到你屏幕上长什么样,只能读代码。
请对照以下清单自检,逐条回答「通过 / 不通过 + 原因」,不通过的直接改好再给我。 只回答下面这些——它们都能从代码里看出来: 1. 5 页是否都能到达,有没有哪一页翻不过去 2. 是否真的零外链(在代码里搜 http、https、cdn 这些字样) 3. 每个按钮和卡片是不是都绑了点击事件(有没有「看着能点、其实没反应」的元素) 4. 有没有元素的宽高或定位明显超出 1280×720 的舞台 5. 翻页时上一页的状态(选中的选项、计数)有没有被重置 6. 字号达不达标:正文 ≥28px、标题 ≥44px,有没有出现 20px 以下的字;正文和强调的字重有没有低于 500
有一类事它答不了:它没有真的把页面跑起来。下面这些只能你自己打开点一遍,别指望它替你确认。
| 要查的 | 怎么查 |
|---|---|
| 页面有没有报错 | 浏览器里按 F12,切到「控制台」(英文界面叫 Console)。出现红色文字就是有报错,把那行字复制给它 |
| 点下去有没有反应 | 一页一页点过去,重点点按钮、卡片、选项。没反应也不会报错,只能靠手动试 |
| 刷新后回到第一页吗 | 按一次 F5,看是不是从头开始 |
| 投影上字够不够大 | 站到教室最后一排看一眼,这一步只有你能判断 |
2.8迭代:三轮迭代法
第一版永远不是最后一版。但「改」是有方法的——大多数人的做法是一句话里塞五个修改,结果它改了两个、漏了三个,还顺手把好的地方改坏了。
| 轮次 | 只改这一层 | 典型说法 |
|---|---|---|
| 第 1 轮 | 结构:页数、顺序、增删 | "第 3 页和第 4 页合并,删掉第 5 页" |
| 第 2 轮 | 交互:怎么点、怎么判、怎么反馈 | "拖拽改成点击选择,机房鼠标不好用" |
| 第 3 轮 | 视觉与文案:配色、措辞、动效 | "主色改成暖黄,反馈语再温柔一点" |
三条铁律:① 一次只改一件事,改多了它一定漏;② 改之前让它先复述——「你要改的是第 4 页的交互,其他不动,对吗?」;③ 每轮改完让它输出一份「当前版本说明」,存下来,改崩了还能退回去。
刚才这一版整体可以,现在只改一处: 第 4 页的拖拽改成点击选择——先点卡片,再点筐子。学校机房的鼠标不好用。 不要改动其他任何页面。 动手前先用一句话复述你要改什么;改完给我完整代码,不要只给片段。
3.问题三:只有模糊想法,没有具体需求,怎么落地?
这是大多数老师的真实状态。你不是没有想法,你是还没把想法翻译成语言。这一节讲四招,从最模糊一路走到能动手。
3.1第一招:别让它做,先让它问
最反直觉的一招。你越说不清,越应该把「说清楚」这件事交给它——让它来采访你,你只负责回答。
我想给初一上一节关于「同伴压力」的课,但还没想清楚怎么设计。 先别给我方案。请你一次问我 5 个最关键的问题,帮我把需求问清楚。 问题要具体到我能用一句话回答,不要问「你的教学目标是什么」这种空泛的。 问完等我回答,再往下走。
它可能会问:这个班最近有没有具体事件?你希望学生下课时记住哪一句话?有没有不能碰的话题?——这些问题你自己想不起来,但它一问,答案就在你脑子里了。
3.2第二招:要三个方向,不要一个答案
你不需要会设计,你只需要会选。让它把可能性摊开,你的直觉会立刻告诉你哪个对——这比凭空想要容易十倍。
基于我刚才的回答,给我 3 个完全不同的课堂设计方向: A 走故事 / 情境线,B 走游戏闯关,C 走身体活动或实物操作。 每个方向写清四件事:核心活动是什么、需要准备什么素材、最大的风险在哪、适合什么样的班级。 先不要展开细节,我要先选方向。
3.3第三招:用参考物锚定
有些感觉说不出来,但一眼能认出来。这时候别描述,直接给它看:一张图、一个你喜欢的网页、你之前做过的某个课件——然后说「我要这种感觉」。
如果工具支持传图,就把图发过去;如果不支持,用一句话把它「翻译」出来再给:
我想要的感觉是:米白纸底,暖黄做点缀,线条是手绘的,整体像一本治愈系绘本, 不要那种科技感、渐变、发光的东西。 请先用 5 个词描述这种风格的特征,确认你理解对了,再开始设计。
3.4第四招:先做最小可行版
方向定了之后,最危险的动作是「一次做完整版」。正确做法是先做封面加一个核心互动页,20 分钟能跑起来,确认方向对了再长大。
方向选 A。现在只做最小可行版:封面 + 第 3 页的那一个核心互动。 20 分钟内我要能双击打开看到效果,其他页面先留占位。 目的是验证「这个互动在课堂上到底跑不跑得起来」,不是做成品。 先不要配色,也不要做插画。
四招串起来,是一条从模糊到具体的漏斗:
每往下走一层,你需要想清楚的事就少一点。
4.问题四:要质量,还是要省钱?
这不是二选一。质量与成本的分界线,通常不在「用哪个模型」,而在你怎么组织这次对话。
4.0换档:一件事,分给三个模型
第 1 课那条底层逻辑——贵的想,中的干,便宜的查——落到一次真实任务上,不是三选一,而是接力:同一件事,前后换三次档。
| 阶段 | 交给哪档 | 你要拿到什么 | 最常见的错 |
|---|---|---|---|
| 定方向 | 高阶 | 一个能验收的目标、三个方向里挑出来的一个 | 方向还没定,就让它直接写课件 |
| 做出来 | 中阶 | 骨架 → 交互 → 完整课件 | 用最低档生成代码,跑不起来还查不出原因 |
| 查和补 | 低阶 | 资料出处、术语解释、格式统一、错别字 | 拿最贵的脑子去查一句话 |
换档时有一句必须写上的口令,否则中阶会自作主张把高阶定好的东西推翻重来:
下面是这节课已经定好的设计结论,不要推翻、不要重新设计,只按它执行: 【目标】学生能说出 1 个自己想被看见的时刻,并从 3 种做法里选出 1 种不打扰别人的 【对象】小学四年级,全班 36 人,40 分钟 【页面清单】封面 → 投票 → 情境卡 → 选择 → 小结(共 5 页,1280×720) 请按上面的结论生成单文件 HTML 课件,零外链。 如果执行中遇到和结论冲突的地方,先问我,不要自己改结论。
这是整套方法里最省钱的一步:把高阶想清楚的东西,打包成一段结论贴给中阶。中阶不需要再思考,直接干活——省掉的是最贵的那部分推理,而且它不会跑偏。
反过来也成立:中阶做完的东西有疑问,再拿回高阶去挑毛病,比让它重做便宜得多。
4.1钱到底花在哪
按量计费的 AI 工具,成本来自四个地方。看清这四个,你就知道该在哪省:
| 成本项 | 怎么产生的 | 怎么控制 |
|---|---|---|
| 输入长度 | 把整本教材、整份文件粘进去 | 只给相关段落,别给全文 |
| 对话轮数 | 「不对,再改改」重复十几次 | 一次把话说全(RTCOF) |
| 输出长度 | 让它「详细解释每一步原理」 | 明确「只给结论,不要解释」 |
| 返工 | 方向错了,前面全部作废 | 先做最小版验证方向 |
算笔账:最贵的从来不是 token,是你一下午的返工。一句「先问我 5 个问题」,可能省掉两小时白做——这才是真正的省钱。
4.2要质量:六个动作
| 动作 | 具体怎么做 |
|---|---|
| 给一个示例 | 一个「输入→输出」的样例,胜过十句形容词。想让它写什么风格,就先给它一段这种风格 |
| 先要提纲 | 「先给我 5 条提纲,我确认后再展开」——在便宜的地方试错 |
| 让它复述 | 动手前先让它用自己的话说一遍需求,理解偏了当场就能发现 |
| 要多个方案 | 「给我 3 个不同思路」比「给我最好的」有用得多 |
| 分步验收 | 骨架 → 交互 → 视觉,每步都确认再往下走 |
| 给验收标准 | 把「什么样算好」写出来,让它自己对照检查 |
4.3要省钱:六个动作
| 动作 | 具体怎么做 |
|---|---|
| 一次把话说全 | 省轮次是最有效的省钱方式。写 RTCOF 看似多打了几十个字,实际少了五轮对话 |
| 限定输出 | 「只给结论」「不超过 200 字」「不要解释原理」——输出是实打实按量算的 |
| 只喂相关段落 | 别把整份文件贴进去,摘出你要它看的那两段 |
| 把好 Prompt 存成模板 | 这是性价比最高的一件事。一个模板用一学期,等于把成本摊到几十次 |
| 按难度选模型 | 改错别字、换个说法,用轻量的就够;做课件结构、做教学设计,再上强的 |
| 定稿就存文件 | 下次带着文件改,而不是从零重开一轮对话 |
4.4什么任务值得花,什么任务该省
| 任务 | 建议 | 理由 |
|---|---|---|
| 一节课的整体设计 | 值得花 | 方向错了,后面全废 |
| 课件的交互结构 | 值得花 | 结构错了要重做整个课件 |
| 课件视觉与插画 | 适度花 | 先出小图试风格,定了再批量做 |
| 批量改学生评语 | 该省 | 固定模板 + 批量替换,不需要每次思考 |
| 润色措辞、起标题 | 该省 | 轻量模型就够,别用最贵的 |
| 整理课堂录音成文字 | 该省 | 工具型任务,不需要推理 |
一句判断标准:如果这件事做错了要全部重来,就值得花;如果做错了改一句就行,就该省。按这个标准分,你八成会分对。
✓结尾:一页纸检查清单
下次开新对话之前,把这张清单过一遍。点击勾选,确认一个划掉一个:
先说清楚,再让它动手。说清楚的那五分钟,省下的是三个小时。