互动课件生成与 HTML 转 PPT
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_73cb5b59/fmg-html-ppt。
技能介绍
问题从哪来
大模型直接生成的 PPT 往往版式随意、信息密度不稳,课堂里也很难做识字闯关、分角色朗读这类互动。这条链路的做法是:先把任意资料收敛成可执行的课件规格,产出可在浏览器里放映的单文件 HTML5 互动课件,再把同一套页面骨架编译成 PPTX,让「能上课用」和「能投影讲」共用一份结构。
工作方式
技能按三阶段执行,顺序不能跳过。
Phase 1 — 输入规范化:一句话、教案 docx、课文文本、教材图片或混合资料,最终收敛为 meta、生字表、脉络、角色、难点、讨论、金句、作业,以及供后续共用的 pages.json 骨架。教案走 scripts/extract_docx.py 抽文本;图片侧依赖多模态读图做 OCR 与理解。
Phase 2 — 互动 HTML:加载 互动课件设计师(interactive-courseware-designer),按其四阶段流程产出 HTML;TeachAny 不可用时用 fmg-hdkc 兜底。低段常见模块包括趣味识字、写字小法官、故事脉络、分角色朗读(TTS)、难点可视化、讨论投票、词语排序、知识树、分层作业。HTML 按逻辑页组织,并映射为 pages.json 条目(type 决定版式)。
Phase 3 — HTML → PPTX:根据 pages.json 的 cover / intro / cards / writing / flow / read 等类型,用 scripts/build_slides.py 批量生成 .slide(内置 12 种版式),再经 slidep(tencent-pptx 底层引擎)编译为 .pptx。改 PPT 排版时通常只改 JSON 或模板,不必重做 HTML。
边界与注意
- 编译 PPTX 需要 MCP 后端(文档写明
localhost:39099)在线;离线环境只能稳定交付 HTML 与.slide源文件。 - slidep DSL 有明确禁区:禁
flex简写、禁calc()、数组map的style须多行并以))}收尾、.slide须 LF 换行;手改模板请对照 skill 内references/slidep_dsl.md。 - Phase 2 与 Phase 3 的脚本路径、Node/Python 环境在 SKILL.md 里写的是作者本机路径,迁移到其他机器需自行对齐 slidep 与
python-pptx。 - 适用触发语包括「帮我做个《X》课件」「把教案转成 PPT」「课文生成课件」;若只要静态 PPT、不要 HTML 互动层,仍会被迫走完整三阶段。
使用场景
- 手里有一份 Word 教案,要在同一节课里既发浏览器互动页,又备一份可投影的 PPTX
- 只有「三年级《XX》新授课」一句话,需要先补课文脉络再生成带识字闯关的 HTML 与配套幻灯片
- 拍了几页教材目录、生字表和课后题照片,要把 OCR 结果整理成完整课件规格并输出双交付物
- 已有课文全文和讨论题,希望按导入—精读—作业环节做成逻辑页,并同步编译成多版式 slide
适合人员
- 小学语文学科教师,常把教案改成带 TTS 分角色朗读与识字模块的课堂互动课件
- 教研员或备课组长,需要把同一份 `pages.json` 骨架同时交付 HTML 演示与行政汇报用 PPT
- 机构内容编辑,接收混合 docx、课文粘贴与教材截图,要收敛成统一规格再批量出 slide
- 校内信息化支持老师,维护 slidep 编译环境,帮同事把 HTML 课件迭代后重新生成 PPTX