前言¶

給小學數學課做一個演示動畫，常見的做法是：老師自己翻 PPT 模板，或者找開發同事用 Canvas、SVG 手寫一個頁面。前者改起來費勁，後者成本高，而且做出來的東西往往依賴本地環境、換個教室電腦就打不開。下面介紹的這個 Skill 換了一條路徑：由 Agent 直接按知識點生成一個單文件 HTML，雙擊就能在瀏覽器裏跑，不需要裝任何東西，也不需要聯網。

這是什麼¶

小學數學html動畫大師，座標 @user_b0ac8c86/xxsxdhds，是一個發佈在 SkillHub 社區的 community 來源 Skill，分類 education，由 user_b0ac8c86 發佈，當前版本 2.0.1。

它解決的問題是：把「小學數學知識點」到「課堂可直接播放的互動動畫」這一步自動化。教師（或教研、開發同事）只需要給出知識點，Skill 負責產出成品 HTML。

按 SkillHub 頁面抓取到的數據（2026-11-04）：評分 100000，下載 1315 次，安裝 0 次，標籤 requires_api_key=false，即不需要 API Key。

需要說明的是，評分與下載量是 SkillHub 站點的統計值，反映的是該 Skill 在平臺上的熱度，不代表動畫本身的教學質量。

核心功能¶

這部分只寫已在 SkillHub 簡介中核實到的能力。

1、輸入小學數學知識點，生成單文件 HTML 互動動畫。成品是一個獨立文件，不是需要構建的項目，也不是依賴外部資源的頁面。

2、覆蓋面按官方簡介列出六類：

• 小學數學概念演示
• 算理可視化
• 圖形操作
• 統計模擬
• 數學實驗
• 思維遊戲

3、運行時約束明確寫在簡介裏：

• 離線運行
• 無需安裝
• 兼容最新版 Chrome 與 Edge
• 同時支持鼠標和觸屏操作

最後一條意味着產出的頁面可以直接用在平板、交互式大屏上，不只是教師端演示。

安裝與啓用¶

抓取到的資料裏沒有提供官方安裝命令、包名或配置字段，因此這裏不做推斷。已知信息只有：

• 來源：community
• 座標：@user_b0ac8c86/xxsxdhds
• 是否需要 API Key：否（requires_api_key=false）

在 SkillHub 頁面找到該 Skill 後按站點提示添加到你的 Agent 環境即可。它遵循通用 SKILL.md 格式，Cursor、Codex CLI、Claude Code 等支持該格式的工具加載方式一致；但具體入口和命令請以 SkillHub 頁面當時的提示爲準，這裏不代寫未經覈實的安裝語句。

一個實用提示：因爲不需要 API Key，啓用後不會因爲密鑰配置問題卡住；如果生成環節失敗，先檢查 Agent 是否真的加載到了這個 Skill，而不是把它當成普通問答處理。

典型用法¶

抓取資料中沒有官方示例代碼或樣例輸出，下面是基於簡介描述的工作流程，供你驗證 Skill 是否正常工作。

1、啓用 Skill，確認 Agent 已加載其 SKILL.md 與附帶資源。

2、給出知識點，建議一次一個、描述具體。例如要演示加法的算理，就說明是幾年級、用哪種模型（小棒、計數器、數軸），不要只丟一個「加法」兩個字。

3、Agent 生成一個單文件 HTML，通常是本地的一個 .html 路徑。

4、直接用 Chrome 或 Edge 打開該文件，檢查離線狀態下是否正常顯示。

5、在觸屏設備或大屏上再點一遍，確認觸摸操作可用。

6、如果需要調整，回到第 2 步補充約束，比如「只保留演示，去掉遊戲環節」「配色改成高對比度」，而不是重新描述整個知識點。

第 2 步和第 6 步是實際使用中差別最大的地方：知識點描述越具體，產出越接近可直接進課堂的版本。

適用場景¶

適合這幾類人：

• 小學數學教師，需要頻繁做概念演示、算理講解
• 教研人員，要把抽象算理做成可視素材
• 學校信息化負責人，要求課件離線可用、不能依賴特定設備
• 做公開課或教研展示，需要觸屏可操作

注意¶

• 目標是小學階段。超出這個範圍（比如初中函數圖像、高中解析幾何）不在簡介聲明的適用範圍內。
• 「離線運行、無需安裝」是產出的 HTML 的約束，不是 Skill 本身的約束。生成這個 HTML 仍然需要 Agent 環境和瀏覽器。
• 簡介只承諾兼容最新版 Chrome 與 Edge，沒有提到 Safari、Firefox 或 IE 內核。如果要在校園網老設備上用，先測一遍。
• 觸屏支持是聲明的能力，但具體手勢（拖拽、點選、雙指縮放）實現到什麼程度，取決於生成的那次結果，建議每次生成後實際點一下。
• 安裝數爲 0 說明這個 Skill 的實際使用量很低，踩坑經驗在社區裏基本沒有，遇到問題要靠自己讀產出的 HTML 排查。
• 生成的 HTML 會包含腳本，建議先用 Chrome 打開確認來源可靠後再帶進課堂。

小結¶

這個 Skill 的價值在於把「知識點 → 課堂動畫」的鏈路縮短到一句話輸入加一次文件打開。離線、免安裝、兼容 Chrome 與 Edge、支持鼠標和觸屏，這幾個約束對學校場景很實際：教室電腦環境雜，能雙擊就打開是最省事的方案。

官方地址：https://api.skillhub.cn/user_b0ac8c86/xxsxdhds
SkillHub 頁面：https://www.skillhub.cn/skills/user_b0ac8c86/xxsxdhds