先交代一下背景。
我是搞AI的,我老婆是初中老师。
这两个职业凑一块,你们猜日常对话是什么样的?
不是”今天吃什么”,是”老公你帮我做个东西呗”。
事情是这样的。
上周她下班回来,书包一扔就开始吐槽:上课提问没人应,点名全靠翻花名册,每次分个组能磨五分钟,学生后排的眼神像是在说”跟我没关系”。

吐槽完她看了我一眼:”你不是天天搞AI吗,能不能帮我做几个课堂小工具?”
我说你要什么样的。
她说:”不用太复杂,能让学生觉得好玩就行。点名别那么死板,分组别那么慢,最好还有点音效,搞得有仪式感一点。”
然后她补了一句:”对了,我不会装软件,做完了我要能直接双击打开。”
就这几句需求,我用OpenClaw花了几个晚上,做了6款课堂互动小工具。
她拿去班上一试,回来跟我说了句:”后排那几个今天居然主动举手了。”
就冲这句话,我决定把做法和提示词全部公开。
今天这篇,6款工具,提示词一字不藏,拿走就能用。

一、设计思路
首先,我们设计的这几款小工具,都有一个通用的思路,当然,这些其实都是涉及到AI编程的,这里面都有一个前置条件,我来把前置条件给大家写出来。
小龙虾其实是具有记忆功能的,我们在做第一个工具的时候,把下面这段告诉他,其实,后面就不需要再告诉他了。
你是一个课堂互动工具开发专家。请帮我制作一个课堂互动小工具,要求如下:
【基本要求】
1. 使用 React(JSX)开发,最终同时提供:
- 一个 .jsx 文件(用于在线预览)
- 一个独立 .html 文件(可直接双击在浏览器中打开,无需安装任何软件)
2. HTML 版本需要引入 CDN 资源(React、ReactDOM、Babel),确保离线也能使用
3. 界面语言为中文
【视觉风格】
1. 明亮、活泼、清新的浅色主题(适合课堂投屏)
2. 背景:暖色渐变(米白 → 淡粉 → 浅蓝 → 薄荷绿),带柔和彩色光斑漂浮动画
3. 卡片:纯白圆角卡片 + 轻盈阴影
4. 配色方案:使用彩虹色系调色板 ["#FF6B6B","#FFBE0B","#3EC1D3","#6C5CE7","#00B894","#FD79A8","#E17055","#0984E3"]
5. 字体:Fredoka(标题)+ Noto Sans SC(正文),从 Google Fonts 加载
6. 动画:入场动画(slideUp)、弹入动画(popIn)、标题渐变流动(shimmer)
7. 禁止使用深色/暗黑主题
【音效要求】
1. 使用 Web Audio API 合成音效(不依赖外部音频文件)
2. 需要包含以下音效类型:
- 操作过程中的节奏音(如滚动时的"哒哒"声)
- 结果揭晓时的胜利号角(fanfare)
- 开始时的蓄势鼓点(drumRoll)
3. 音效要有变化(如音调随速度改变)
【数据持久化(HTML版本)】
1. 使用 localStorage 自动保存所有数据
2. 关闭浏览器后再打开数据不丢失
3. 每次操作后右上角显示"✓ 已自动保存"提示
4. 提供"导出数据备份"功能(导出为 JSON 文件)
5. 提供"导入数据"功能(从 JSON 文件恢复)
【学生名单输入方式(如果工具需要用到学生名单)】
1. 提供两种输入方式,通过 Tab 切换:
- ✏️ 直接输入:文本框,支持逗号、顿号、换行分隔,也可从 Excel 复制粘贴一列
- 📊 上传表格:支持 .xlsx / .xls / .csv 文件上传和拖拽,使用 SheetJS 解析
2. Excel 解析时自动过滤序号(纯数字)、常见表头关键词(姓名、学号、序号等)
3. 两种方式可混合使用,名单自动合并去重
4. 每个名字显示为彩色标签,可单独删除,支持一键清空
【多班级管理(如果工具需要用到学生名单)】
1. 顶部显示班级切换栏,支持创建/切换/删除多个班级
2. 每个班级独立保存数据
3. 提供"⚙️ 管理"面板,可查看每个班级的人数和使用统计
【PPT 配套】
1. 同时生成一个配套的 .pptx 文件(3页):
- 第1页:工具封面(深色背景 + 工具名称 + 图标)
- 第2页:功能亮点介绍(四宫格卡片布局)
- 第3页:启动页(大按钮,超链接指向 HTML 文件,配使用步骤说明)
2. PPT 和 HTML 文件放在同一文件夹,PPT 放映时点击按钮即可跳转
【特效】
1. 结果揭晓时有满屏彩色纸屑撒花(confetti)特效
2. 关键元素有脉冲光环动画
3. 按钮有 hover 放大 + 阴影加深效果
二、六大课堂游戏工具
1、随机点名
设计提示词:
直接把下面这段提示词,复制发给OpenClaw就行。
请制作【随机点名器】,除了上述通用要求外,还需要:
【核心功能】
1. 名字像老虎机一样高速滚动,先快后慢(缓动函数),越到最后越紧张
2. 滚动时每跳一个名字播放"哒"声,音调随速度降低而降低
3. 最终选中后:大字展示 + 撒花 + 胜利号角
【智能加权点名算法】
- 未点过:权重 10(最容易被点到)
- 被点过 1 次:权重 3
- 被点过 2 次:权重 1
- 3 次以上:权重 0.5(很低但不为零,保留悬念)
【统计面板】
1. 每个名字标签旁显示被点次数的小徽章
2. 可折叠的统计面板,包含:
- 每人的柱状图 + 排名(前三名有🥇🥈🥉)
- 总点名次数、未点人数、覆盖率
- 颜色分级:高频红色、正常黄色、未点灰色
3. 支持"重置本课统计"
【点名记录】
- 底部显示最近50次点名历史,最新一条高亮
视频展示效果:
名字上传分为两种形式,一种是直接添加;另外一种是通过表格的形式进行上传。

还有,关于课堂上面,每个人被点名了几次,这个我们也是有事实的进行统计的。
每个人被点了多少次,都做了一个详细的汇总,方便老师进行课后分析。

2、幸运转盘
这个设计的时候,其实是比较通用的,任何需要随机决定一件事的场景,其实都是可以用到的,比如随机抽题、随机分配任务等等,这都是可以的。这里我以随机抽题,来给大家进行举例说明一下。

设计提示词:
请制作【幸运转盘】,除了通用要求外,还需要:
【核心功能】
1. 一个可旋转的彩色大转盘,用 Canvas 绘制
2. 扇区均匀分配,每个写上学生名字或自定义任务
3. 点击"旋转"后转盘高速旋转,缓慢停下,指针指向结果
4. 旋转时有咔咔的齿轮音效,停止时有铃声
5. 支持自定义转盘内容(不仅限于名字,也可以是任务/题号等)
6. 转盘最多支持 12 个扇区
【额外功能】
- 可选择"抽中后移除"模式(抽过的不再出现)
- 旋转历史记录
视频展示效果:
3、课堂倒计时器
像这种的,就比较适合插入到ppt里面去进行使用,特别是在课堂讲课的时候,设立了小组汇报,可以就用到计时器,时间点到了就响起来,既能警示学生,又具有一定的科技感。
可以快速选择倒计时时间和自定义时间,非常方便使用。

设计提示词:
请制作【课堂倒计时器】,除了通用要求外,还需要:
【核心功能】
1. 大字显示倒计时(分:秒),数字要足够大适合投屏
2. 预设常用时间:1分钟、2分钟、3分钟、5分钟、10分钟
3. 也可自定义输入任意时间
4. 最后 10 秒:数字变红 + 闪烁 + 紧张的滴答音效
5. 倒计时结束:响亮的铃声 + 全屏闪烁提示"时间到!"
6. 支持暂停/继续/重置
【额外功能】
- 显示环形进度条,颜色随剩余时间变化(绿→黄→红)
- 可选"正计时"模式(从 0 开始往上计)
视频展示效果:
4、命运骰子器
主要用于”随机决策”。老师可以用它来随机决定题目难度(1-6对应不同难度)、分配任务顺序,或者用自定义模式把骰子面改成科目名称、任务类型等,让”谁来做什么”这件事变得有趣。比如课前投骰子决定今天先复习哪科,或者投两个骰子用点数之和来选题号。

设计提示词:
设计一个课堂互动骰子投掷工具,使用React开发,同时提供.jsx和独立.html文件。
支持1-6个骰子同时投掷,骰子翻滚时数字快速切换并逐渐减速。
支持自定义骰子六个面的内容(如科目名称),显示总点数,保留最近10条投掷记录。
音效使用Web Audio API合成:蓄力阶段渐强鼓点,滚动时哒哒声音调随速度变化,骰子落定时弹跳音,结果揭晓时胜利号角。
界面为深色主题,骰子带颜色区分和光泽动画,中文界面。
视频展示效果:
5、随机分组器
主要用于”公平分队”。小组讨论、课堂辩论、团队竞赛、实验分组等场景都需要快速把全班分成若干组。它解决的是老师手动分组费时、学生质疑分组不公平的问题。每次结果随机生成,带动画过程,学生看得到是”命运的安排”,接受度更高。组名还可以现场编辑,方便各组自己取名。

设计提示词:
提供四种预设主题(学习任务、惊喜奖励、趣味惩罚、随机问答)。
支持自定义卡牌内容,可选卡牌数量(6/8/9/12/16张),卡牌背面朝上排列成网格。
点击翻开带3D翻转动画揭晓内容,15%概率出现金色特殊卡牌,支持一键全部翻开,显示翻开进度。
音效使用Web Audio API合成:翻牌时悬念音,普通卡揭晓有上升音阶,特殊金卡触发完整胜利号角,生成时有短鼓点。紫色深色主题,中文界面。
视频展示效果:
6、盲盒翻牌墙
主要用于”趣味激励”。它本质上是一个课堂奖惩和互动机制。老师可以在复习课上让答对题的同学翻牌获得奖励或趣味挑战,也可以用来随机抽取课堂任务。四种预设主题覆盖了学习任务、奖励、惩罚、问答等常见场景,”盲盒”的未知感和特殊金卡的惊喜感能有效调动学生的参与热情。
设计提示词:
提供四种预设主题(学习任务、惊喜奖励、趣味惩罚、随机问答)。
支持自定义卡牌内容,可选卡牌数量(6/8/9/12/16张),卡牌背面朝上排列成网格,点击翻开带3D翻转动画揭晓内容,15%概率出现金色特殊卡牌,支持一键全部翻开。
显示翻开进度。音效使用Web Audio API合成:翻牌时悬念音,普通卡揭晓有上升音阶,特殊金卡触发完整胜利号角,生成时有短鼓点。
紫色深色主题,中文界面。
视频展示效果:
好了,6款工具全部讲完了。
六个场景,六个工具,提示词和电子文档全部给你了,拿走直接用。(主页直接加我好友)
说实话,做这套东西的时候,我一直在想一个问题。
AI时代,什么才是老师最该拥有的能力?
不是会写代码,不是会做PPT,是你能不能把一堂课变得让学生舍不得走神。
技术永远只是手段,站在讲台上那个人才是核心。
能把课讲到学生眼睛里有光的老师,不管用什么工具,都是好老师。
希望这6个小工具,能帮屏幕前的你,离那个目标再近一步。
我们下期见。(欢迎点个关注)
