前言¶

給初中物理做課件的人，大概率遇到過同一件事：課本上的圖是靜態的，公式也是靜態的。講凸透鏡成像，學生看不到物距變化時像的位置怎麼移動；講浮力，學生看不到排開液體體積和浮力的關係。自己用 PPT 畫動畫，一個場景要調幾百個時間軸，改一次知識點就得重來一遍。

這個 Skill 的思路是把這件事交給模型：你給出一個知識點，它生成一個單文件 HTML，雙擊就能在瀏覽器裏跑，支持拖動、點擊、改參數，不需要服務器、不需要聯網、不需要裝依賴。

這是什麼¶

初中物理html動畫大師，座標 @user_b0ac8c86/czwldhds，由社區開發者 user_b0ac8c86 發佈並維護，當前版本 1.0.0，SkillHub 分類爲 education。

它解決的問題很具體：把「初中物理的知識點」直接變成「可以離線打開、可以交互操作的 HTML 演示動畫或虛擬實驗頁面」。產出物是單個 HTML 文件，適合放進課件、拷到教室電腦上直接打開。

SkillHub 頁面顯示評分 100000、下載 1105、安裝 0，標籤爲 requires_api_key=false，也就是調用時不需要額外配置 API Key。

核心功能¶

下面介紹的每一項，都來自官方簡介，未經實測擴展。

1、按知識點生成單文件 HTML。輸入一個知識點，輸出一個獨立的 HTML 文件，把樣式、腳本、動畫邏輯都放在同一個文件裏。
2、可離線運行。生成的頁面不依賴外部 CDN、在線接口或本地服務，拷到別的機器上也能打開。
3、交互式演示。頁面支持用戶操作，用來演示物理過程，而不是隻能看一段自動播放的動畫。
4、覆蓋初中物理的主要知識板塊：力學、光學、電學、熱學、聲學、磁學、浮力、簡單機械。
5、支持虛擬實驗與規律探究頁面，不只是演示現象，也可以做成讓學生自己調參數、觀察結果的形式。

觸發方式¶

Skill 的觸發依賴描述詞。當用戶提出下面這類需求時使用：製作初中物理動畫、物理可視化課件、力學/光學/電學/熱學/聲學/磁學/浮力/簡單機械的交互演示、物理虛擬實驗、物理規律探究頁面。

官方列出的觸發詞包括：

物理動畫、物理HTML動畫、物理可視化、物理交互課件、
虛擬物理實驗、物理規律探究、凸透鏡成像、電路模擬、浮力演示

寫需求時直接帶上學科板塊和具體現象，比只說一句「做個物理動畫」更容易命中。例如「做一個凸透鏡成像的交互演示，能拖動物體改變物距」，比「做個光學動畫」指向更明確。

安裝與啓用¶

這部分需要如實說明：已抓取的官方資料裏只給出了 Skill 的座標、版本、分類和標籤，沒有提供可直接複製的安裝命令，也沒有給出 Cursor、Codex CLI、Claude Code 各自的配置字段。

因此下面不放任何命令。要安裝或啓用，請到官方頁面確認當前的接入方式，避免照抄到不存在的參數。

官方地址：

https://api.skillhub.cn/user_b0ac8c86/czwldhds

SkillHub 頁面：

https://www.skillhub.cn/skills/user_b0ac8c86/czwldhds

座標形式爲 @user_b0ac8c86/czwldhds，在支持按座標引用 Skill 的環境裏，用這個座標定位即可。標籤 requires_api_key=false 表示不需要額外配置密鑰。

典型用法¶

以下示例是按官方簡介中的觸發詞組織的用法，不是實測輸出，僅說明怎麼把需求寫清楚。

光學方向，最常見的是凸透鏡成像：

做一個凸透鏡成像的交互演示，單文件 HTML，可以拖動物體改變物距，
實時顯示像的位置、大小和虛實。

電學方向，電路模擬：

做一個電路模擬的虛擬實驗頁面，支持切換電源、開關、滑動變阻器，
顯示電流表和電壓表讀數。

力學方向，浮力演示：

做一個浮力演示動畫，物體浸入液體的深度可調，
顯示排開液體體積和浮力大小的變化。

簡單機械方向：

做一個槓桿和滑輪組的交互演示，能改變力臂和拉力，顯示平衡條件。

用法上有兩個共同點：一是明確要求「單文件 HTML」和「可離線運行」，這兩條直接對應 Skill 的產出形式；二是把可交互的參數寫進需求裏，比如物距、深度、力臂，這樣生成的頁面纔有探究價值，而不只是一段循環播放的動畫。

適用場景與注意¶

適合這些情況：初中物理教師做課堂演示課件、教研組做公開課素材、學生做物理規律探究作業、開發者快速產出一個可交互的物理現象原型。

需要注意的幾點：

1、產出是教學演示頁面，不是仿真引擎。涉及定量計算的場景，要自己覈對數值是否符合教材口徑，不要直接把頁面上的數字當成標準答案。
2、知識點覆蓋以官方簡介列出的板塊爲準。聲學、熱學相對少見，需求寫得不夠具體時，生成結果可能偏簡單。
3、交互深度取決於需求描述。只說「做個動畫」和說「可以拖動改變某個量」，產出差別很大。
4、單文件意味着所有資源內聯。如果後續要加外部字體、圖表庫或音頻，需要自己處理，不要假設頁面會自動聯網加載。
5、安裝命令在公開資料中缺失，接入前務必到官方頁面確認，不要憑經驗猜測配置項。

小結¶

它的價值在於把「從知識點到可交互 HTML」這一步壓縮成一次對話：你描述現象和可操作的量，它產出一個能離線打開、能拖動調參的單文件頁面。對於需要大量物理演示又不想在前端工程上花時間的場景，這是比較省事的路徑。

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