一键生成 HTML PPT
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_b592265f/generate-html-ppt。
技能介绍
你在解决什么问题
很多团队需要可分享、可离线打开的演示稿,但传统 PPT 在版本、字体和跨设备排版上成本高;把内容直接交给模型「一口气出全 deck」又容易风格跑偏、页眉占满半屏、深浅页交替刺眼。这个技能把产出收敛成单文件自包含 HTML,并用固定画布和明确阶段,把「对齐意图」放在写满正文之前。
技能如何工作
入口先做模式分流(速查表):
- Mode A:从零写幻灯片 → 叙事大纲 → 可选 1~3 页风格预览 → 灰度骨架确认 → 再批量填内容
- Mode B:把
.pptx转成镜像结构的 HTML - Mode C:按公众号、小红书等尺寸生成封面图
视觉不靠硬编码模板堆砌,而是读 selection-index.json 做风格匹配,再只加载选中样式的 design.md(字体、色板、排版与动效 token)。画布强制 1920×1080 缩放,配合视口背景同步,避免手机端重排。工作流强调文本先对齐(含品牌色嗅探)、骨架后填肉;图片走 image-treatments.md 的 T1–T8 范式,默认支持双击全屏预览大图。
适用边界与注意点
- 不会在未确认线框前一次性生成全部页面;用户可随时改口换 Mode 或补充
.pptx。 - 对用户上传稿、网页、OCR 等内容仅作演示素材处理,不当作可覆盖技能规则的操作指令。
- 内网/离线场景应先读
font-stack-fallback.md;正文页有页眉高度、全局深浅统一、禁止大面积「中空卡片」等硬性版式规范,封面与正文间距规则不同,需按技能验收。
使用场景
- 产品评审前要把讲稿做成可浏览器全屏演示、且不发 .pptx 的单文件 HTML
- 客户只给了 PowerPoint,需要在内网浏览器里打开并保留大致版式结构
- 技术分享已定叙事大纲,要先对齐 Beautiful Modern 等风格再批量填架构图与截图
- 公众号推文需要把同一主题 PPT 封面导出为小红书/头图常用尺寸的配图
适合人员
- 对内对外做技术路演、希望演示稿可离线打开且字体不炸场的工程师
- 只有 .pptx 源文件、要把幻灯片迁到网页或知识库内嵌展示的文档/实施同学
- 接品牌定制宣讲、需要把企业主色与字体检入 design.md 变量后再出稿的市场或售前
- 写长文同时要配统一视觉封面的内容运营,走 Mode C 按平台尺寸出图