Creating Editable HTML Courseware: Turning Materials into Single-file Interactive Web Pages

前言

做课件时常见的三种做法:用 PPT 排一遍,装一堆字体和插件;找前端写 HTML,来回改;用在线工具,导出还要登录。这个 Skill 把用户提供的图片、文件、课本截图和文字,直接生成一个单文件 HTML 交互课件,双击就能打开,不需要装任何环境。

下面介绍这个 Skill:可编辑的 html 课件制作。

这是什么

一句话定位:把用户提供的图片、文件、课本截图和文字,一键生成”双击即用、无需安装、像 app 一样运行”的单文件 HTML 交互课件。

出品方与来源信息:

SkillHub 坐标:@user_3723f934/html-exe-courseware
发布者:user_3723f934
版本:1.0.0
来源:community
分类:education
标签:requires_api_key=false

requires_api_key=false 表示不需要额外 API key。它解决的问题是:当用户要”做课件 / 生成演示文稿 / 把素材做成网页 / 做教学幻灯片 / 把 PPT 或截图转成可翻页网页 / 给课本内容配交互页面”时使用。

核心功能

按已抓取资料,这个 Skill 提供以下能力:

  1. 单文件 HTML 输出:生成物是一个 HTML 文件,双击即用,无需安装,像 app 一样运行。
  2. 多素材输入:接受用户提供的图片、文件、课本截图和文字。
  3. 插入位预留:按提示词在合适位置预留图片 / 图表 / 视频插入位。也就是说,你可以在需求里指定”这里放一张图”“这里放一个图表”“这里放一段视频”,生成时会留下对应位置。
  4. 自动排版:排版自动契合素材,尺寸合理,无溢出遮挡。
  5. 导航:配左侧目录导航栏与返回键。

安装与启用

官方地址:

https://api.skillhub.cn/user_3723f934/html-exe-courseware

SkillHub 页面:

https://www.skillhub.cn/skills/user_3723f934/html-exe-courseware

已抓取资料没有给出安装命令或配置字段,也没有 Cursor、Codex CLI、Claude Code 的差异说明,这里不补。你可以从官方地址进入页面查看具体安装方式。

典型用法

官方简介里给出的使用方式是:用户提供图片、文件、课本截图和文字,Skill 一键生成单文件 HTML 交互课件。生成时支持按提示词在合适位置预留图片 / 图表 / 视频插入位。

例如在需求里写”第 3 页右侧预留一张图片,第 5 页下方预留一个图表,第 7 页嵌入一段视频”,生成结果会在对应位置留下插入位。

生成后得到一个 HTML 文件,双击打开即可运行,不需要安装。课件左侧有目录导航栏和返回键。

适用场景与注意

适合:

  • 要把图片、讲义、课本截图做成可翻页网页的人
  • 要把 PPT 或截图转成可翻页网页的人
  • 要给课本内容配交互页面的人
  • 不想装 PPT、不想找前端、不想用在线平台的人

注意:

  • 已抓取资料显示下载 1263,安装 0,来源为 community。安装数为 0,使用前需要自行评估。
  • 已抓取资料只提供简介,没有 SKILL.md 全文、命令、配置项和真实案例,这里不补。
  • 名称里带有”可编辑”,但已抓取资料没有说明”可编辑”的具体含义,不展开。
  • 生成结果是单文件 HTML,适合本地双击使用;如果要部署到服务器或嵌入现有系统,需要自行处理。

结尾

这个 Skill 的价值在于把”素材到单文件交互课件”的路径缩短到一次输入输出:你给图片、文件、截图和文字,它给一个双击即用的 HTML 文件。官方地址:

https://api.skillhub.cn/user_3723f934/html-exe-courseware
羽毛球分组比赛记分
小程序二维码

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

Xiaoye