周末在家，我用Claude Code做了个‘成语接龙闯关游戏’网页——语文老师扫了5次码，说‘下学期早读就用这个’

事情起因很朴素：我侄子背成语总卡在‘马到成功’后面。他爸叹气：“要是有个游戏，让他玩着就把‘功成名就’记住了……”

周日下午，我打开Cursor，输入Prompt，22分钟后，一个带语音识别、错字高亮、闯关动画的HTML游戏诞生了。发到家长群，当晚就被3位语文老师转发到教研组。

最打动老师的，不是技术，而是完全贴合教学场景的设计逻辑：

第1关：5个基础成语（画蛇添足、守株待兔…）

第2关：加入易错字提示（如“再接再__”→点空白处弹出‘厉’字笔顺）

第3关：语音输入（微信内直接说“画蛇添足”，自动转文字+校验）

下面，带你用同样方法，15分钟做出自己的学科游戏。

---

📚 Step 1：准备教学词库（5分钟）

别用网络爬虫！直接用教育部《义务教育语文课程标准》附录词表：

小学1-2年级：100个

小学3-4年级：200个

小学5-6年级：300个

整理成JSON格式（存为 idioms.json，供Claude引用）：

[
  {"word": "画蛇添足", "pinyin": "huà shé tiān zú", "explanation": "比喻做了多余的事，非但无益，反而不合适。"},
  {"word": "守株待兔", "pinyin": "shǒu zhū dài tù", "explanation": "比喻死守狭隘经验，不知变通。"}
]

> ✅ 提示：Claude能直接读取你粘贴的JSON，无需上传文件

---

🧠 Step 2：核心Prompt（复制即用）

请生成一个单文件HTML成语接龙游戏：
从我提供的词库（见下）随机抽取10个成语，首字固定为‘马’（如‘马到成功’）

玩家需输入下一个成语（尾字=上一个首字），如‘功成名就’

输入后：

  • 若正确，显示成语释义+拼音，进入下一题
  • 若错误，高亮错字（如‘功成明就’→‘明’字标红），并提示‘应为“名”’
  • 若超时（30秒），自动显示答案
支持微信内语音输入（调用wx.startRecord）

每关5题，通关后生成分享海报（含‘XXX同学闯过第2关！’）

所有资源内联，适配手机，无外部请求
词库：[粘贴上面JSON]

✅ Claude会生成带wx.startRecord、wx.stopRecord、wx.translateVoice（转文字）的完整流程

---

🎯 Step 3：让游戏“像老师一样反馈”

Claude生成的代码可能只有基础校验，我们手动强化：

▸ 错字提示升级（加笔顺）

在HTML中插入：

“厉”字笔顺：
1. 横折钩
2. 撇
3. 竖弯钩

在JS校验逻辑后加：

if (wrongChar === '明') {
  document.getElementById('stroke-hint').style.display = 'block';
}

▸ 语音识别兜底

微信translateVoice偶尔失败，加降级：

wx.translateVoice({
  localId: localId,
  success: function (res) {
    userInput = res.translateResult;
  },
  fail: function () {
    // 降级为手写输入框弹出
    document.getElementById('inputBox').style.display = 'block';
  }
});

---

📱 Step 4：老师最爱的功能——早读投屏

用腾讯微搭托管HTML → 获取链接

在微信中打开 → 点右上角「···」→「投到TV」→ 输入电视投屏码

孩子用平板扫码，输入答案 → 大屏实时显示“张小明：✔ 正确！”

✅ 无需安装APP、不连同一WiFi、不登录账号

---

📈 为什么老师主动推广？

省事：不用下载APP，不用管理账号，不担心孩子乱点

可控：词库完全自定义（可替换为古诗词接龙、英语单词接龙）

留痕：后台导出CSV，看清每个学生错哪题

> 我已把词库和Prompt打包，关注【我是RD】公众号 → 回复「成语游戏」领取

---

结尾金句：教育科技的终点，不是更炫的3D效果，而是让一个五年级孩子，在30秒内，把“再接再厉”的“厉”字，从错字变成肌肉记忆。

而AI，就是那支帮他描红的电子笔。