给孩子复习也好，自己学新东西也好。把一个你陌生的知识，用一个你熟悉的场景重新讲一遍，十分钟出一个可以玩的 HTML 页面。
孩子觉得分数运算无聊，但每天帮你量米做饭。AI 能做的事情是：用做饭的场景重新讲一遍分数，然后把它变成一个有进度条、有即时反馈、有通关奖励的互动页面。
这个方法的关键不是「让 AI 出题」，而是让 AI 用学习者已经熟悉的生活经验做类比。同样的知识点，换一套语境讲，理解速度完全不同。
下面这套提示词，一次复制给 Claude 或 ChatGPT，它会直接输出一个单文件 HTML 页面，浏览器打开就能用，不需要任何技术背景。
我想用「玩着学」的方式掌握【主题，例如：分数运算 / 美国历史 / 基础理财】。
学习者的年龄/水平：【例如：小学四年级 / 初中生 / 零基础成人】
我的背景/熟悉的语境是【例如：做饭 / 打篮球 / 网上购物 / 开车】，请尽量用这个语境打比方来讲解。
目标深度：【能上手实操 / 建立概念 / 应对考试】
请帮我做一个单文件 HTML 网页，一套互动讲解，要求：
1. 进阶路径：把这个主题拆成 3-6 个有先后依赖的关卡，先易后难，像一棵技能树。
2. 嚼碎：每个关卡先用我熟悉的语境做一段三句以内的极简讲解，再配 2-3 道不同形式的小题（单选 / 配对 / 排序 / 真假速判），每题答完立刻给对错 + 一句为什么。
3. 应用：最后给一个「练习场」，让我用刚学的知识做一个贴近真实的决定，并给我反馈。
4. 体验：有进度条、即时反馈、过关激励，视觉风格统一。
5. 难度刚好踩在「有点费劲但做得出来」之间，别太简单也别劝退。
先给我整体关卡大纲让我确认，再逐关生成。
用 Claude Code 或者 Claude Chat 的 Artifacts 功能效果最好，它会直接输出可运行的 HTML。ChatGPT 也能用，让它输出完整代码后存成 .html 文件，双击打开即可。
【主题】和【语境】的搭配是这套方法的灵魂。下面是几个跟我们群友生活相关的例子，直接替换到提示词的【】里就能用。
如果做出来效果不错，可以发到群里分享。其他人换一个主题和语境，同样的提示词又能生成一个全新的学习页面。一套模板，无限复用。
源于生活，立足应用。
实用 > 炫酷 · 能用 > 能看