互动课件设计师:把 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
羽毛球分组比赛记分
小程序二维码

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

Xiaoye