墨单文件HTML演示

它解决什么问题

多数 LLM 生成课件的产物是一堆零散文件：.pptx 依赖本机 Office，图片走外链换个网络环境就裂，手写的 HTML 又常常缺讲师工具——演示时既看不到讲了多久，也跳不了章节。Mo HTML PPT 把页面、样式、图片和交互全部压进一个 .html，双击即用，桌面、手机、投屏共用一套以 1280×720 为基准的缩放逻辑，不需要服务器。

技能如何工作

工作流被写死成顺序步骤，核心是「先方案后动手 + 布局模板化 + 分批生成」：

• Step 1 方案确认：写任何代码前先给出配色、大纲、每页布局类型，等用户确认再动手。
• Step 2 初始化：复制 assets/template.html，改 :root 变量与 FB() 里的品牌名。
• Step 3 分批生成：每次只生成 2 页就停下对齐效果，避免 80 页一次性返工。
• Step 4 讲师工具：全部页面写完再统一设 CHAPS（章节跳转）与 PRI（必讲/快讲/可跳优先级）。
• Step 5 验证交付：node --check 语法校验、页数核对、桌面与手机缩放实测。

可选的可编辑层（assets/editor.js + scripts/inject_editor.py）注入后支持改字、配色、字体、插图，并可导出 HTML 或 1:1 PDF。线上录播课场景另有四条硬规则：不写时长、删页码、删优先级徽章、场景编号在每个模块内从 ① 重新起算。

适用边界与注意点

• 产物是单文件 HTML，不是能被 PowerPoint 直接编辑的 .pptx；要改文字需启用编辑层。
• 图片建议压缩到 ≤1100px、单张 ≤120KB 再 base64 嵌入，否则文件体积会迅速膨胀。
• 页数变化会让 PRI 的 1-based 索引错位，所以顺序上必须「最后统一设」。
• Chromium 打印不渲染渐变，深底页要走纯色 background-color 兜底，否则导出 PDF 会变成白底白字。
• 溢出检测用 Playwright 比对 scrollHeight 与 clientHeight，截图目测并不可靠。
• 编辑器 JS 里不能出现字面量 </script> 闭合标签，需要字符串拼接。