前言¶

很多老師和開發同事都有類似的經歷：爲了在課堂上演示一個化學變化，翻遍素材網站，找到的要麼是靜態圖片，看不出粒子層面的過程；要麼是在線視頻，教室網絡不穩定，講到一半卡住；想自己做動畫，Flash 早已停用，學一門動畫工具又太慢。課堂演示需要的是一個能雙擊打開、鼠標和觸屏都能操作、不依賴網絡的文件。

下面介紹的 Skill「高中化學html動畫大師」就是針對這個場景的。它屬於 SkillHub 上的社區 Skill，由 @user_b0ac8c86 發佈，版本 1.0.0，分類爲 education。用一個高中化學知識點、實驗或主題名稱作爲輸入，就能生成適合班級大屏教學的單文件 HTML 動畫，且不需要 API Key。

這是什麼¶

一句話定位：這是一個面向高中化學課堂演示場景的生成類 Skill，輸入知識點名稱，輸出可直接放映的交互式 HTML 動畫。

它解決的是這樣一個問題：化學的很多內容發生在微觀層面——分子怎麼拆、電子怎麼轉移、平衡怎麼移動——靜態圖和板書都難以呈現，而現成的多媒體素材要麼畫質參差，要麼需要聯網加載。這個 Skill 把「根據知識點定製動畫」這件事壓縮成一句話的輸入。

它來自 SkillHub 社區，座標爲 @user_b0ac8c86/gzhxdh，發佈者爲 user_b0ac8c86，當前版本 1.0.0。

核心功能¶

1、輸入一個高中化學知識點、實驗或主題名稱，生成對應的動畫內容。

2、輸出形態是單個 HTML 文件：可以在班級大屏上直接放映，不需要額外播放器，不需要聯網即可運行。

3、生成的動畫支持鼠標和觸屏兩種交互方式，既能用大屏授課，也能讓學生在平板或觸屏設備上操作。

4、覆蓋的高中化學內容範圍包括：微觀粒子變化、化學實驗、反應機理、速率與平衡、電化學、物質結構、有機反應、定量分析和工業流程。

需要說明它的邊界：這個 Skill 只做「有交互的化學動畫」，不用於僅製作靜態插圖、普通網頁，也不用於生成依賴聯網資源的視頻。如果需求只是一張示意圖，用它並不划算。

安裝與啓用¶

這個 Skill 託管在 SkillHub 上，通過 SkillHub 的安裝命令添加到本機：

skillhub install gzhxdh

安裝完成後，在 Cursor、Codex CLI 或 Claude Code 這類支持 Agent Skills 的客戶端裏啓用即可。它不需要配置 API Key（標籤 requires_api_key=false），安裝後沒有額外的密鑰填寫步驟。

典型用法¶

安裝啓用之後，直接把需求描述成一句話交給 Agent 即可。

例如，想讓課堂上演示電解水的微觀過程，可以說：

生成一個電解水微觀過程的動畫，高中化學課件用，班級大屏放映

Agent 會調用這個 Skill，產出一個單文件 HTML 動畫。拿到文件後的操作流程是：

1、把 HTML 文件下載或保存到本地，確認文件是自包含的單文件。

2、上課前在大屏電腦上雙擊打開，檢查鼠標點擊和觸屏拖動是否正常。

3、課堂上直接放映，期間不需要連接網絡。

觸發這個 Skill 時，用這些說法都可以：高中化學動畫、化學HTML動畫、化學互動動畫、化學課件動畫、化學反應動畫、化學實驗動畫。

適用場景與注意¶

適合的使用場景：

1、課堂導入或難點講解，需要把微觀過程可視化，比如化學鍵的斷裂與形成、平衡移動的方向。

2、實驗條件受限、無法在教室現場演示的實驗，用動畫呈現操作步驟和現象。

3、需要學生動手操作的場景，利用觸屏交互讓學生自己「做一遍」。

需要注意的地方：

1、產出的是教學動畫，內容準確性最終要由授課老師覈對，動畫負責呈現方式，不替代教材表述。

2、它生成的是單文件 HTML，如果後續需要嵌入到學校的在線教學平臺、或者要加配音和字幕，需要自行處理，Skill 本身不含這些能力。

3、不要把它當作通用網頁生成工具，它面向的是高中化學課堂動畫這個具體場景。

結尾¶

這個 Skill 的價值在於把「定製一個化學課堂動畫」這件事的門檻降到一句話。不寫代碼、不找素材、不依賴網絡，生成的文件拿到任何一臺能打開瀏覽器的電腦上都能放映。對經常需要做化學課件的老師和被課件需求找上門的開發者，值得裝一個試試。

官方地址：https://api.skillhub.cn/user_b0ac8c86/gzhxdh