# 一节复杂的化学课，怎么变成能一步步播放的互动网页 —— edu-chem-tutorial 介绍

代码仓库：https://github.com/liangdabiao/edulab/tree/master/skills/edu-chem-tutorial

有些化学内容，不是"一道题"能讲清的，而是一串知识点：比如氧化还原怎么配平、金属活动性顺序怎么排、元素周期律怎么理解。老师在黑板上讲这些，往往要翻好几页、画好几张图。学生想自己复习时，又得把零散的笔记拼起来。

edu-chem-tutorial 就是来解决这件事的：你给它一个化学主题（比如"氧化还原方程式配平"），它帮你在 AI 里产出一个能一步一步播放的网页课程——每走一步，画面上有对应的动画示意，侧边栏同步给出讲解和要点，顶部还有概览卡片，像有个小老师带着你一点点往下学。

![配图：化学课变成能一步步播放的互动网页](assets/edu-chem-tutorial/01.png)

## 它到底能做什么
- 把一整节化学课做成 5 到 15 步的互动课程页，每一步配一段动画，而不是干巴巴的文字。
- 顶部放概览信息卡片，侧边栏放讲解和要点列表，方便学生边看边抓重点。
- 自带播放器控制：能播放、暂停、前后步进，也可以自动按顺序播放，像看带解说的幻灯片。
- 内置一套化学常用绘图原语，做反应图示、微观示意、对比卡都很顺手。
- 适合讲那些"解释型"的复杂主题，比如氧化还原配平、金属活动性、元素周期律、离子共存、速率与平衡等。

![配图：填好课程清单自动拼出课件](assets/edu-chem-tutorial/02.png)

## 怎么用

你不需要记任何命令。在 codex / workbuddy 等 agent 装好 edu-chem-tutorial 技能后，直接对 AI 说话就行：

**场景 1：备一节氧化还原的课**
你：帮我把"氧化还原方程式配平"做成一节能一步步播放的互动网页课，从化合价概念讲到电子守恒。
AI：AI 自动整理出 5 到 15 步的课程结构，每一步配对应的动画和讲解卡片，生成一个能播放、暂停、前后翻页的网页课件，学生按自己的节奏一点点学。

**场景 2：做元素周期律微课**
你：我想要一节讲元素周期律的互动小课，带概览卡片和要点列表。
AI：AI 产出带顶部概览卡、侧边要点栏的分步课程页，把周期律的规律用动画和对比卡讲清楚，适合学生自学或课堂上播放。

**场景 3：复习金属活动性**
你：把金属活动性顺序做成能自动播放的讲解页。
AI：AI 生成幻灯片式课件，按活动性强弱一步步演示，并配上讲解和知识卡片。

## 谁适合用
- 化学老师把一节课备成可反复播放、学生能自学的课件。
- 学生复习重难点章节，按自己的节奏一步步看。
- 科普作者把化学知识做成系列互动小课。
- 培训机构做线上化学微课。

## 一点说明
这是个给 AI 用的技能（skill），不是普通人直接打开的 App；你一般把主题交给装好它的 AI，它帮你产出网页。它用纯网页技术生成，打开即用，不依赖额外的程序库。它擅长的是"分步骤讲解型"化学课；单一反应的微观 3D 演示请看同系列的 edu-chem-reaction。具体能做出哪些场景动画，以技能实际支持为准。

## 闲鱼接单文案

> 以下服务展示在闲鱼 / 淘宝服务市场发布，用于承接本 skill 的定制开发订单。

**标题：化学互动微课课件开发 skill软件开发**

**描述：**

专注 AI Agent 技能（skill）定制开发，已做出化学分步互动课件技能，现成作品可先看演示再下单。把"氧化还原配平""元素周期律"这类主题做成 5–15 步的互动课程网页，每一步配动画示意，顶部概览卡片、侧边讲解要点，支持播放 / 暂停 / 步进，像带解说的幻灯片。适合氧化还原、金属活动性、离子共存、速率与平衡等"解释型"主题，可按你的教材定制，全部源码交付、支持二次开发。

**服务内容：**

- 1、需求沟通梳理：先聊清楚课程主题、目标学段和课程步数规模（5–15 步），确认知识点大纲，列明功能清单后再动手
- 2、skill交付内容和格式：能一步步播放的互动课程网页：分步动画示意、顶部概览卡片、侧边讲解与要点列表、播放器控制
- 3、项目功能/系统开发：按你的教材定制课程结构、动画场景与知识卡片，可扩展整套章节课件批量生成等功能的开发与联调
- 4、skill源码交付：SKILL.md 技能说明 + 提示词 / 脚本 / 模板 / 网页样例组成的完整技能工程，兼容 codex / workbuddy 等 agent。全部源码 + 安装部署说明 + 使用演示，交付后可自行修改维护