前言¶

做交互式课件的常见做法是：先用 PPT 或 H5 工具堆页面，再手写 JavaScript 做点击交互、答题逻辑，最后想办法把学生答案收回来统计。要么交互很弱，要么前后端各写一套，改一次知识点要动很多地方。

下面介绍的这个 Skill 把这条链路压成一条流水线：从教学设计、线框、HTML 开发，到 MQTT 学生互动、资料库发布，产出物是单个 HTML 文件。

这是什么¶

一句话定位：一个面向任意学科的交互式单文件 HTML 课件生成 Skill，覆盖从教学设计到发布的完整生命周期。

出处信息（来自 SkillHub 抓取资料）：

• 坐标：@user_2761353a/interactive-courseware-builder
• 发布者：user_2761353a，来源 community，分类 education
• 版本：1.7.0
• 评分：100000，下载：52356，安装：0
• 标签：requires_api_key=true

核心功能¶

以下能力均来自官方简介，抓取资料未包含更细的实现说明。

1、课件形态是 HTML 文件，内置多个互动仿真和互动测试，内容讲解部分也嵌有交互环节。
2、学生通过扫二维码参与各项互动、仿真与测试，不需要登录或安装客户端。
3、互动测试页面中，学生答案会自动汇总到教师端并统计。
4、页面内容随鼠标点击逐步播放，即翻页式呈现，适合课堂上按节奏推进。
5、触发词包括：课件、交互式课件、HTML课件、互动教学、课堂答题、interactive courseware、teaching courseware。

安装与启用¶

抓取资料中没有给出安装命令，本文不推测安装方式，请到官方页面确认。当前可核实的入口：

https://api.skillhub.cn/user_2761353a/interactive-courseware-builder
https://www.skillhub.cn/skills/user_2761353a/interactive-courseware-builder

启用方式：在对话中使用上述触发词（如直接说「做一个初二物理的交互式课件」），Skill 即按流程执行。注意标签 requires_api_key=true，说明需要配置 API Key，具体字段以 Skill 运行说明为准。

典型用法¶

官方简介给出的完整流水线如下，可作为使用顺序参考：

1、教学设计（instructional design）：确定知识点、交互点和测验题。
2、线框（wireframes）：先出页面结构。
3、HTML 开发：实现翻页系统（page-flip system）、测验（quizzes）、Canvas 仿真（Canvas simulations）、信息图（infographics）。
4、MQTT 学生互动：学生扫码后通过 MQTT 参与互动与测试。
5、资料库发布：发布到资料库，生成形如 workbuddy.link/p/<node_id> 的链接，其中 <node_id> 由发布过程生成。

举例：对 Skill 说「做一个初中物理浮力章节的交互式课件」，按上面 5 步跑完，最后拿到的是可分享给学生扫码的链接，教师端能收到答题统计。

适用场景与注意¶

适合谁：需要把课堂内容做成可交互 HTML 的教师、教研和开发人员；需要在课堂上用扫码互动、答题统计的线下教学场景。

注意事项：

1、简介明确标注资料库发布（workbuddy.link/p/<node_id>）是「第四代强制路线」，即最终交付是发布到 workbuddy 资料库的链接，不是直接给你一个 HTML 文件。
2、学生端依赖扫码参与，课堂网络环境需要能访问 MQTT 服务。
3、标签 requires_api_key=true，使用前要先准备好 API Key。
4、来源为 community（社区发布），抓取时安装数为 0，建议先做一个小章节试跑，再决定是否用于正式课程。
5、本文抓取时官方页面无法访问，安装命令和配置细节以 SkillHub 页面最新版本为准。

结尾¶

这个 Skill 的价值在于把交互课件从「手写 JS + 自建答题统计」变成一条可重复执行的流水线，产出单文件 HTML，并自带扫码互动与教师端统计。对需要在课堂上做互动教学、又不想维护前后端的人来说，值得先试跑一个章节。

官方地址：https://api.skillhub.cn/user_2761353a/interactive-courseware-builder