互動課件設計師:把 K12 互動課件做成可交付的 HTML5 產物

前言

做 K12 互動課件時,常見做法是手寫 HTML5 頁面,或把 PPT 導出成靜態頁。前者要同時兼顧課標、互動邏輯和移動端;後者很難穩定做出 AI 學伴、TTS、知識圖譜或 PBL 路徑一類能力,驗收口徑也容易各說各話。下面介紹 SkillHub 上的「互動課件設計師」,它把 TeachAny 側的創作規範寫進 Agent Skill,讓對話式需求能落到明確的交付標準上。

這是什麼

「互動課件設計師」是 SkillHub 社區 Skill(座標 @user_60120345/interactive-courseware-designer,版本 1.0.0,分類 education)。頁面標註作者爲紫雲墨竹,發佈者座標爲 user_60120345。Skill 標籤爲 requires_api_key=false,安裝後不需要額外配置 API Key。

一句話定位:TeachAny K12 互動課件創作專家——當你需要製作或改造 K12 學科課件、互動網頁、教學動畫,或順帶做教學設計、AI 學伴、TTS、知識圖譜、PBL 學習路徑時,可交給該 Skill 按統一基線推進。

核心功能

以下能力均來自 SkillHub 官方簡介,未在頁面展開的實現細節不作延伸說明。

創作與改造範圍

  • K12 學科課件、HTML5 互動課件、互動網頁
  • 教學動畫、微課、學科動畫、虛擬實驗
  • 教學設計;可選擴展包括 AI 學伴、TTS 語音、知識圖譜、PBL 學習路徑

學科與課標

  • 適用學科:數學、語文、英語、物理、化學、生物、歷史、地理、科學
  • 課標覆蓋:中國 2022 版課標、IB MYP/DP

交付標準(驗收口徑)

官方寫明交付需滿足:

  1. 19 項基線全部通過
  2. 五件套模塊
  3. Hero 知識結構圖
  4. 移動端適配

具體 19 項基線與「五件套」的條目清單,需以 Skill 包內 SKILL.md 及附屬說明爲準;SkillHub 列表頁未逐條列出。

觸發詞

在對話中提及下列詞時,更適合主動加載本 Skill:課件、互動課件、HTML5 課件、教學設計、AI 學伴、TTS、知識圖譜、課標、PBL、學習路徑、微課、學科動畫、虛擬實驗。

安裝與啓用

SkillHub 推薦兩種方式:讓 AI 按安裝文檔操作,或在本機用 skillhub CLI 安裝到當前 Agent 的 skills 目錄。

方式一:提示 AI 安裝

將下面意圖發給支持 Skill 的 Agent(文檔原文):

請根據 https://skillhub.cn/install/skillhub.md,安裝 @user_60120345/interactive-courseware-designer。

方式二:CLI 安裝

先確認是否已安裝 SkillHub CLI:

command -v skillhub && skillhub --version

未安裝時,可按 SkillHub 安裝文檔執行完整安裝或僅安裝 CLI:

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

安裝技能時必須用 --dir 指向當前 Agent 識別的 skills 目錄,否則默認落在 ./skills/ 可能不會被加載。常見路徑如下(摘自 SkillHub 安裝文檔):

Agent skills 目錄
Cursor ~/.cursor/skills/
Claude Code ~/.claude/skills/
Codex ~/.codex/skills/ 或項目下的 .agents/skills/

示例(將 <skills 目錄> 換成上表對應路徑):

skillhub install @user_60120345/interactive-courseware-designer --dir <skills 目錄>

安裝後按你所用客戶端的要求刷新或重啓 Agent,使新 Skill 生效。

典型用法

官方資料未提供固定命令行子命令,用法是對話驅動:說明學科、課標取向、互動形態和交付要求,並帶上前述觸發詞之一。

可復現的起步示例(按需改學科與主題):

使用互動課件設計師,爲初中物理「光的折射」做一節 HTML5 互動課件。
要求對齊中國 2022 版課標,包含 Hero 知識結構圖、移動端適配,並按 19 項基線與五件套模塊交付。

若任務包含 AI 學伴或 TTS,在同一輪需求裏寫清即可,例如:

在課件中增加 AI 學伴答疑入口,併爲關鍵講解配 TTS;學習路徑按 PBL 設計。

經過上面的步驟,Agent 會按 Skill 內規範組織結構與互動,而不是隻輸出零散 HTML 片段。

適用場景與注意

適合誰

  • 一線教師、教研員、教育產品經理:需要可上課用的互動頁,而不是純文案大綱
  • 接 K12 數字化項目的開發者:希望課標、模塊結構與移動端在一套基線裏對齊

限制與注意

  • 本 Skill 聚焦 K12 與所列學科;超出範圍的需求需自行判斷是否仍適用
  • requires_api_key=false 僅表示 Skill 本身不強制 Key;若產物內嵌第三方 TTS 或在線 API,仍可能涉及各自賬號與合規
  • SkillHub 列表頁統計(截至頁面抓取):評分 100000,下載約 13017 次;社區來源,版本迭代以 SkillHub 爲準
  • 用戶線索中的其他下載/評分數字若與 SkillHub API 不一致,以 SkillHub 技能頁 與 API 元數據爲準

結尾

「互動課件設計師」把 K12 互動課件從「能做個網頁」收斂到「基線、五件套、知識結構圖與移動端」的交付口徑,並覆蓋課標、PBL、學伴與 TTS 等常見擴展訴求。需要安裝或查閱詳情時,可打開官方地址:

  • SkillHub 頁面:https://www.skillhub.cn/skills/user_60120345/interactive-courseware-designer
  • API 元數據:https://api.skillhub.cn/user_60120345/interactive-courseware-designer
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜