前言¶

給中學生或初學者講化學，難點通常不在單個反應，而在整節課程的邏輯鏈：氧化還原怎麼配平、金屬活動性爲什麼有強弱、元素週期律怎麼推、離子在什麼條件下不能共存、速率與平衡如何互相影響。純文字或靜態幻燈片很難把這條鏈講清楚；而如果讓開發者自己搭一個帶動畫的交互頁面，成本很高。

下面介紹的 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