用 AI（Cursor）生成的交互式 HTML 课程，配套一个可复用的 Cursor Skill，可以为任意主题自动生成同样风格的课程。
本仓库包含两部分：
skill/— 课程生成器的 Cursor Skill 定义，可用来生成任意主题的新课程courses/大模型训练课/— 用该 Skill 生成的一套完整示例课程：从零理解大语言模型
从零理解大语言模型：用纯 Python 动手实现 Tokenization、Attention、训练、RLHF、推理优化、LoRA 与 Agent。
受众：有一点技术背景的产品经理 / 对 AI 感兴趣的入门者
课数：8 课
配套练习：✅ 代码练习（exercise.py，纯 Python，无需第三方依赖）
| 目录 | 主题 | 练习内容 |
|---|---|---|
01-tokenization |
Tokenization — 文字如何变成数字 | 手写简易 BPE Tokenizer |
02-embedding-prediction |
Embedding 与 Next-Token Prediction | Embedding → Softmax → 交叉熵 |
03-transformer |
Transformer — 模型如何「思考」 | 手写 Self-Attention |
04-training |
训练 — 模型如何从数据中学习 | 损失、梯度与训练循环 |
05-rlhf |
RLHF 与对齐 | 奖励、偏好损失、DPO |
06-inference |
推理优化 | KV Cache、量化、采样 |
07-finetuning |
微调与 LoRA | LoRA 前向、梯度与微调循环 |
08-agents |
Agent 与工具调用 | 迷你 Agent 工具循环 |
- 🎬 步进动画、交互式模拟器、可视化图表（因课而异）
- ✅ 3-4 道选择题测验，即时反馈
- ✏️ 划线工具条：选中任意文字即可弹出「💬 问 LLM / ✏️ 修改 / 📝 划线笔记」三个操作
- 「问 LLM」「修改」会把选中内容 + 上下文拼成 prompt 复制到剪贴板，方便粘贴给任意对话式 AI
- 「划线笔记」给选中文字加高亮，本地持久化（
localStorage），刷新不丢失
- 🎛️ 配套代码练习开关（可一键隐藏/显示所有课的练习区）
# 直接在浏览器打开任意一课
open courses/大模型训练课/01-tokenization/lesson.html
# 做配套代码练习（Python 3.10+，零依赖）
cd courses/大模型训练课/01-tokenization
python exercise.py按文件中的 TODO 补全实现，全部通过后会看到测试成功提示。
skill/SKILL.md 是一个 Cursor Skill，可以为任意主题生成一整套交互式课程（如上面的大模型训练课）。
- 🎯 自动规划课程大纲（课次、核心概念、呈现方式），并持久化到
course-plan.json，支持跨会话续写 - 🎨 根据学科类型自动选择视觉风格（深色科技风 / 浅色人文风）
- 🧩 丰富的交互组件库（时间轴、A/B 对比、步进动画、Canvas 可视化等）
- 📝 自适应练习类型（代码练习 / 思考练习 / 实操练习）
- 📖 自动搜索并整理延伸阅读资料
- ♫ 支持聆听示例组件（音乐/语言类课程）
- ✏️ 所有课统一内置「划线问 LLM / 修改 / 笔记」交互工具条
在你自己项目的 Cursor / Claude Code 等 AI 编程助手对话框里，粘贴下面这段指令，AI 会自动帮你完成安装：
请帮我安装一个 Cursor Skill：
1. 获取 https://raw.githubusercontent.com/ericffu/interactive-course/main/skill/SKILL.md 的内容
（如果你能直接访问网络就直接下载；不能的话告诉我，我把内容粘贴给你）
2. 在当前项目下创建目录 .cursor/skills/interactive-course/，
把内容原样保存为 .cursor/skills/interactive-course/SKILL.md
3. 安装完成后告诉我。之后我可以直接对你说"帮我生成一套关于 X 的课程"来使用这个 Skill
mkdir -p .cursor/skills/interactive-course
curl -fsSL https://raw.githubusercontent.com/ericffu/interactive-course/main/skill/SKILL.md \
-o .cursor/skills/interactive-course/SKILL.md或者直接克隆本仓库，把 skill/SKILL.md 复制到你项目的 .cursor/skills/interactive-course/SKILL.md。
安装完成后，在 Cursor 中对 AI 说："帮我生成一套关于 X 的课程"，AI 会按 Skill 定义的流程自动执行：需求确认 → 课程规划（并写入 course-plan.json） → 逐课生成。
.
├── README.md
├── skill/
│ └── SKILL.md # 课程生成器 Skill 定义文件
└── courses/
└── 大模型训练课/ # 8 课 · 深色科技风 · 含代码练习
├── course-plan.json # 课程大纲与生成进度
├── 01-tokenization/
│ ├── lesson.html
│ └── exercise.py
├── 02-embedding-prediction/
└── ...
个人学习与分享用途。欢迎 Star / Fork；若用于教学转载，请注明出处。