前言¶

给中学生或初学者讲化学，难点通常不在单个反应，而在整节课程的逻辑链：氧化还原怎么配平、金属活动性为什么有强弱、元素周期律怎么推、离子在什么条件下不能共存、速率与平衡如何互相影响。纯文字或静态幻灯片很难把这条链讲清楚；而如果让开发者自己搭一个带动画的交互页面，成本很高。

下面介绍的 edu-chem-tutorial，就是围绕这个问题设计的 Skill。它把一门化学课程（不是单一反应）生成一个交互式教学课程页：步进式知识点讲解、Canvas 2D 场景动画、侧栏知识点面板、信息卡片，以及播放器控制。适合氧化还原配平、金属活动性、元素周期律、离子共存、速率平衡这类需要逐步解释的课程主题。

这是什么¶

edu-chem-tutorial 是一个面向化学教学的课程页生成 Skill，由 SkillHub 用户 user_8bb4f5 维护，分类在 education。

它和已有的 edu-chem-reaction 不同：后者处理的是单个化学反应的展示，本 Skill 面向整节课程，强调多个知识点之间的推进关系，而不是一个反应的来龙去脉。

技术路线上，它使用 Canvas 2D 渲染，不依赖 Three.js；内容是数据驱动生成的，类似 edu-chem-reaction 的 data injection 模式，即把知识点数据注入模板，由脚本生成页面结构与动画。

核心功能¶

已核实的能力包括：

1、步进式知识点讲解：课程内容按步骤推进，不是一屏铺满，而是逐段展示。
2、Canvas 2D 场景动画：动画层用原生 Canvas 2D 实现，没有引入 Three.js。
3、侧栏知识点面板：页面侧边提供知识点索引，便于跳转和回看。
4、信息卡片：关键概念、公式或示例用卡片形式承载。
5、播放器控制：课程页带有播放、暂停、步进等控制，节奏由使用者掌握。

适用的主题类型包括氧化还原配平、金属活动性、元素周期律、离子共存、速率平衡等复杂解释型课程。

安装与启用¶

官方地址为 https://api.skillhub.cn/user_8bb4b4f5/edu-chem-tutorial 。本次撰写时该页面正文未能抓取成功，因此无法核实具体的安装命令、目录约定或配置字段。

以下内容基于 SkillHub 通用 SKILL.md 格式的一般约定，仅供方向参考，实际字段请以官方页面为准：

# SkillHub 通用启用方式（需以官方页面为准）
1. 打开官方地址，确认 Skill 说明与依赖
2. 将 SKILL.md 放入工作区的 skills 目录，或通过 SkillHub 客户端安装
3. 在 Cursor / Claude Code / Codex CLI 中启用该 Skill

不同工具的加载路径可能有差异：Cursor 通常从工作区 .cursor/skills 或全局 skills 目录读取；Claude Code 通过 .claude/skills 加载；Codex CLI 读取路径不同。由于本次未能核实官方安装说明，具体差异请在安装前对照官方页面确认，不要直接套用上面的路径。

典型用法¶

官方页面未能抓取到可复现的示例命令或输入格式，因此本节不提供具体代码。

从 Skill 定位推断，典型的使用方式是：把一门化学课程的知识点整理成结构化数据，交给 Skill 生成一个交互式课程页，然后在浏览器中打开，按播放器控制逐步讲解。具体数据格式、模板字段和生成命令，需要以官方资料为准，不要凭空假设。

适用场景与注意¶

适合谁：

1、需要为化学课程制作交互式讲解页的开发者或教师；
2、课程主题偏概念链和推导过程，而非单一反应展示；
3、希望页面能自动生成、可复现，而不是手写动画。

限制与坑：

1、动画能力限于 Canvas 2D，不适合需要三维分子结构展示的场景；
2、数据驱动意味着前期需要把课程内容结构化，输入质量直接影响输出；
3、本 Skill 面向课程级内容，如果只是展示一个反应，可能 edu-chem-reaction 更合适；
4、官方页面正文本次未能抓取，安装命令与配置字段需在使用前自行核实。

结尾¶

edu-chem-tutorial 的价值在于把一门化学课程的讲解过程固化成可交互的页面：步进讲解、侧栏索引、播放器控制，让复杂概念链有节奏地展开。如果正在做氧化还原配平、金属活动性、元素周期律这类课程的交互化，值得一看。

官方地址：https://api.skillhub.cn/user_8bb4b4f5/edu-chem-tutorial