小红书教学互动课件,有人一天卖上百单!我用 Codex 做了一套(附教程)
- 2026-11-06 00:09:44
大家好，我是黄大路。
最近花了不少时间，研究教学交互演示工具。这类工具能用的场景很多，天花板也足够高。
月入1.5万元！有人靠「教学交互演示工具」，在小红书闷声赚钱，我也做了一套
我给社群老板提供了 200 多个交互演示工具源码，作为虚拟货源，可以直接使用，也可以二次开发后售卖。
最近在小红书选品库里看到，一些数学、英语互动课件已经开始起量了。
有的一天能卖几十单，销量好的时候，一天能卖到一百多单。如果你想卖这类产品，现在就是最好的时间点。
下图是选品库，监控的商品销量趋势，点开大图，可以查看每日销量。
 |  |
今天再做一个案例教程，方便需要的老板上手。
课本上不好讲清楚的过程，做成交互课件后，学生可以自己拖一拖、转一转。看不清就停下来，猜错了还能倒回去再试。
现在用 Codex，可以从教材和想法起步，一步步做成网页。不会写代码，也能跟着做。
我们运营也录了个视频演示，可以看看：
文章前面先讲怎么挑适合做互动的知识点、怎么选玩法，再拿小学数学里的「纸盒怎样折起来」走一遍制作流程。
整个流程分 4 步。案例我已经上线到 GitHub，可以自己体验一下：
duuhuang-ai.github.io/paper-box-explorer
一、挑一个适合互动的知识点
先判断一个知识点值不值得做成交互，再把年级、教材、课堂大屏怎么用，以及希望学生看懂什么说清楚。
Codex 就能先出方案，再做成网页。
拿小学数学来说，先把教材知识点拆开，挑一个适合动手的，做成独立交互网页。一个点做清楚，再考虑往下扩。
比如数的分与合：拖小球，自己分一分、合一合。
长度测量：拖尺子，把零刻度对准一端，再看另一端读数。
长方体、正方体表面积：把盒子展开，看清六个面，再把面积加起来。
纸盒折叠也是一类。教材里常见展开图和折好的盒子，中间每个面怎么转过去，学生还得自己想。做成交互以后，可以停在半折，换方向，追着同一个面看。
可以把学生不容易理解的地方做成可操作的演示工具。纸盒折叠这个场景有 4 个难点：
这些难点对应着要讲的知识点。挑选时，可以用下面三个问题判断：
二、有哪些玩法，不用一次全上
读完教材，再从下面这些玩法里挑合适的就行，不必全做。
1. 基础互动：学生具体做什么
拖一拖、转一转，都是最基本的互动。类似的动作还有这些：
拿纸盒来说，学生可以转动模型找部位，猜一猜某个面会折到哪里，再拉滑块慢慢折起来。展开、合上，对照着看。
2. 游戏与闯关：任务怎么串
想把这些互动串成游戏，也有一些玩法可以参考：
「拖一拖」「转一转」是学生动手的操作。做成「地图探险」或「闯关」，还要考虑这些任务怎么串起来。
我这次做纸盒课件，就只留了几个活动入口。老师可以按课堂需要，想讲哪一块就切过去，我觉得这样就挺方便。
三、纸盒案例：四步跟着做
拿我这次做的「纸盒怎样折起来」举例。你也可以从自己的教材里选一节，或者挑一个知识点，跟着走。
第一步：定主题，让 Codex 出互动方案
分两种情况：已经有主题，就直接提要求。还没想好，就先让 Codex 读教材、帮你选。
教材 PDF 或教材页都可以发过去。看哪一册、哪一单元、哪一节，说清楚。
1. 已有主题，直接说要求
如果已经定了主题或想好了玩法，就把年级、教材、使用场景和希望学生看懂的内容告诉 Codex，先要三个方案做对比。
我这次定了「纸盒怎样折起来」，就把五年级、课堂大屏、人教版五下第三单元，以及认识部位、追踪折叠、判断面的位置这些要求一起丢过去。完整提示词见下图。
让 Codex 先读教材，区分教材原有内容和另外设计的活动。三个方案的操作和学习过程要有区别，你再从中选一个。
2. 还没想好主题，先让它帮你挑
如果只有教材、还没想好主题，就让 Codex 先读教材，推荐几个适合做互动课件的知识点。
让它挑出适合动手操作、观察变化的内容。
让 Codex 每个主题说清：对应什么知识、学生哪里不容易懂、可以操作什么、能从变化里看懂什么。比较后推荐一个。
你先选主题，暂时不展开互动方案、不画界面、不写代码。
选中主题后，再回到上面第 1 种情况，把形式和要求补上，让 Codex 继续设计。
第二步：比较三个方案，选一个细化
拿到方案后，看看学生怎么操作、能看到什么变化，以及课堂上用起来是否顺手。选好后，让 Codex 继续细化玩法。
玩法说清楚了，再看界面。
第三步：先看界面，再做成能操作的网页
1. 先看界面图，把样子定下来
方案选好后，先让 Codex 画张界面图。风格喜不喜欢，内容和按钮摆得合不合适，先看图调整，后面做网页时可以少些返工。
比如这张图，就让它画「纸盒折到一半，学生正在追踪一个面」的状态，把实际模型、问题提示和操作区都放上。课堂大屏用 16:9，3D 纸盒做得亮一点、干净一点。
图不满意，就告诉它哪里要改。至于按钮能不能用、纸盒折得对不对，静态图还看不出来，得等网页做出来再试。
2. 再把具体怎么玩说清楚
界面看着顺眼了，还得把操作说清楚。拿纸盒来说，拖动模型是换个方向看，拉进度条才是把它折起来。点哪里、拖哪里会有什么变化，点错了怎么改，都要先确认。
让 Codex 讲清楚刚打开网页时的画面、老师可以问的问题，以及转动观察和实际折叠各自怎么控制。
3. 确认后，让它做成网页
样子和玩法都确认了，就可以说：按照这个风格生成 HTML 网页。
拿到 HTML 文件，就用浏览器打开试试。如果给的是本机预览，先在当前这台电脑上看。要换电脑或发给别人，就得带上能独立打开的 HTML 文件，127.0.0.1 这种本机链接发过去，对方是看不到的。
第四步：自己试，有问题就接着改
网页做好后，自己点一点、拖一拖。发现问题就截图发给 Codex，说明哪里不对、想怎么改。
这样大概就做好了一个场景的交互演示工具。熟练了之后做起来就会快很多，可以把一些通用的部分做成 Skill。
这样的场景太多了，文科类、理科类都会涉及，理科类可能会更多一点。所以说天花板足够高，然后也足够做出差异性。在交互演示、配色、最终的视觉效果上面，都可以做出区别。
我的社群里面已经有了 200 多个教学交互演示工具的源码。如果你想卖的话，可以直接拿来做二创开发，直接售卖，或者结合你的业务做增值服务，都可以。
社群有虚拟货源，也有配套的工具，还有实操。马上第二期的爆款笔记实操训练营也要开始了，感兴趣的可以了解下。
社群海报：
推荐下 2 个服务，需要找我（dauhuang）就好：
目前加入培训社群，会送这 2 个工具，1 年订阅。之前买过上面任意一个工具，且在有效期内，可以补差价进入社群。
推荐文章
- ◦24 小时加购 600 的英语小说背单词课件，正在爆！我用 Codex 做了一版（附教程）
- ◦小红书卖虚拟资料，收到「个人售卖」停用通知后怎么办？
- ◦月入1.5万元！有人靠「教学交互演示工具」，在小红书闷声赚钱，我也做了一套
- ◦小红书卖教辅资料，不知道卖什么？看看这 1000+ Skill
- ◦免费｜小红书卖教务课件，我们做了个 PPT 制作工作台：图片转可编辑 PPT、课件图文排版
- ◦卖了 6000 单的教辅课件，我用 Codex 原创了一套（附教程）
- ◦卖了 5500 单的教辅知识卡片，我用 Codex 原创了一套
- ◦校招表 9.9 卖了 6w 单！小红书「求职面试类」虚拟产品，11 个案例讲清选品思路
- ◦装修资料近 30 天卖了 2000 单！小红书生活类虚拟产品，12 个案例讲清选品思路
- ◦小红书卖教务教辅资料，9月单店卖了10万+，到底在卖什么？
- ◦我们的一批虚拟货源，开始「哐哐哐」出单了
- ◦WorkBuddy + 多维表格 + 比特浏览器 MCP，多店数据自动采集
- ◦用 WorkBuddy + 多维表格 + ima 知识库，批量生成「贴合自己商品」的笔记
