Agent Skills
返回列表
一键生成 HTML PPT

一键生成 HTML PPT

办公效率 更新于 2026.08.30

将以下提示词粘贴到你的 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 按平台尺寸出图