香蕉豚教程capynana.com ← 课件站 课程首页
第 2 课 对话与提示词 约 30 分钟

如何跟 AI 对话

从「它写得还行」,到「它一次就交出我要的东西」。四个递进的问题:先学一套方法,再把它用到课件上,再解决「我只有模糊想法」,最后算清质量与成本这笔账。

第二课录播视频封面
第 2 课 · 录播视频(点击播放)

视频没能加载出来

多半是网络不稳,刷新页面再点一次试试;也可以先往下看图文教程,内容是同步的。

🧠

本课沿用全营的底层逻辑:贵的想,中的干,便宜的查——判断交给高阶模型,执行交给中阶,查资料交给低阶。回第 1 课看这条 →

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一个完整的五要素示例

把五要素连起来,就是一段能直接用的话。注意它并不长——完整不等于啰嗦:

RTCOF 完整示例
你是初中心理老师,教龄 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三段式施工:别一次要成品

这是最容易踩的坑。一次就要求「做好看、能交互、文案也写好」,结果往往是:结构有问题,但视觉已经做完了,改结构等于全部重来。

  1. 第一段:骨架。灰阶占位,只验证「流程跑不跑得通、点击有没有反应」。这一步丑是正常的。
  2. 第二段:视觉。配色、插画、动效。此时结构已经定了,改视觉不会牵动逻辑。
  3. 第三段:文案。页面上的措辞、反馈语、给学生看的提示。最后磨,因为前面改了文案也白改。

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.问题三:只有模糊想法,没有具体需求,怎么落地?

这是大多数老师的真实状态。你不是没有想法,你是还没把想法翻译成语言。这一节讲四招,从最模糊一路走到能动手。

课件设计初期的思路流程图
我某次做课件时,一开始让 Agent 画的思路图。那时手里也只有一个模糊的主题 · 点图可看大图

3.1第一招:别让它做,先让它问

最反直觉的一招。你越说不清,越应该把「说清楚」这件事交给它——让它来采访你,你只负责回答。

采访模式
我想给初一上一节关于「同伴压力」的课,但还没想清楚怎么设计。

先别给我方案。请你一次问我 5 个最关键的问题,帮我把需求问清楚。
问题要具体到我能用一句话回答,不要问「你的教学目标是什么」这种空泛的。
问完等我回答,再往下走。

它可能会问:这个班最近有没有具体事件?你希望学生下课时记住哪一句话?有没有不能碰的话题?——这些问题你自己想不起来,但它一问,答案就在你脑子里了。

3.2第二招:要三个方向,不要一个答案

你不需要会设计,你只需要会选。让它把可能性摊开,你的直觉会立刻告诉你哪个对——这比凭空想要容易十倍。

三方向对比
基于我刚才的回答,给我 3 个完全不同的课堂设计方向:
A 走故事 / 情境线,B 走游戏闯关,C 走身体活动或实物操作。

每个方向写清四件事:核心活动是什么、需要准备什么素材、最大的风险在哪、适合什么样的班级。
先不要展开细节,我要先选方向。

3.3第三招:用参考物锚定

有些感觉说不出来,但一眼能认出来。这时候别描述,直接给它看:一张图、一个你喜欢的网页、你之前做过的某个课件——然后说「我要这种感觉」。

如果工具支持传图,就把图发过去;如果不支持,用一句话把它「翻译」出来再给:

参考物描述
我想要的感觉是:米白纸底,暖黄做点缀,线条是手绘的,整体像一本治愈系绘本,
不要那种科技感、渐变、发光的东西。

请先用 5 个词描述这种风格的特征,确认你理解对了,再开始设计。

3.4第四招:先做最小可行版

方向定了之后,最危险的动作是「一次做完整版」。正确做法是先做封面加一个核心互动页,20 分钟能跑起来,确认方向对了再长大。

最小可行版
方向选 A。现在只做最小可行版:封面 + 第 3 页的那一个核心互动。

20 分钟内我要能双击打开看到效果,其他页面先留占位。
目的是验证「这个互动在课堂上到底跑不跑得起来」,不是做成品。
先不要配色,也不要做插画。

四招串起来,是一条从模糊到具体的漏斗:

1 · 模糊感受
只有一句「我想上一节……的课」
2 · 让它采访你
它问 5 个问题,你照答
3 · 三个方向里选一个
不用会设计,只要会选
4 · 做一个最小版
封面 + 1 个核心互动
5 · 长大成完整课件
补齐页数、视觉、文案

每往下走一层,你需要想清楚的事就少一点。

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什么任务值得花,什么任务该省

任务建议理由
一节课的整体设计值得花方向错了,后面全废
课件的交互结构值得花结构错了要重做整个课件
课件视觉与插画适度花先出小图试风格,定了再批量做
批量改学生评语该省固定模板 + 批量替换,不需要每次思考
润色措辞、起标题该省轻量模型就够,别用最贵的
整理课堂录音成文字该省工具型任务,不需要推理
⚖️

一句判断标准:如果这件事做错了要全部重来,就值得花;如果做错了改一句就行,就该省。按这个标准分,你八成会分对。

✓结尾:一页纸检查清单

下次开新对话之前,把这张清单过一遍。点击勾选,确认一个划掉一个:

先说清楚,再让它动手。说清楚的那五分钟,省下的是三个小时。