Agent Skills
返回列表
向导式 HTML 幻灯片无损转 PPTX

向导式 HTML 幻灯片无损转 PPTX

办公效率 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_d3cad67c/html-slides-to-pptx。

技能介绍

要解决什么问题

很多团队用 HTML 做幻灯片原型,但落到 PowerPoint 时往往变成截图或手工重排,字号、色板、图表都不可编辑。反过来,若直接在 PPT 里从零搭版,又很难复用 Web 侧的版式与组件思路。本技能把「需求怎么定」「页面怎么写」「能不能转」拆成可执行的契约,而不是靠模型临场发挥。

技能如何工作

核心是 引导式访谈 → 落盘 brief → 逐页 HTML → 校验与无损转换。

  • Step 1:按 reference/interview-guide.md 做 5 阶段访谈(定位、结构、视觉、版式、输出),生成并确认 slides/deck-brief.md,此后它是唯一执行事实源。
  • Step 2:实例化 slides.config.json,把使用场景映射到 信息密度档(演讲/混合/阅读)与形式检查口径,并登记封面、分隔等 airy 页、含降级论断的 hedgePages。
  • Step 3.0 / 3:写每一页前先填 slides/deck-pages.md 内容卡(结论句、可验证事实与出处、逻辑三问等),再按 reference/design-principles.md 与 reference/html-spec.md 写 HTML;默认从 assets/snippets 或样板页起手,色值用 var(--…) 而非硬编码 hex。
  • 转换与自查:scripts/convert.js 配合浏览器端提取管线转 PPTX;scripts/validate.js 做设计/结构预检,scripts/preview.js 支持 Step 3.5 视觉自查。

适用边界与注意点

转换器 只无损支持 HTML/CSS 的一个子集,每页必须严格遵循 reference/html-spec.md。技能 不联网、无检索,页内事实来源限于用户素材、由素材推出的洞察、或需标注的模型知识(时间敏感数据不得单独依赖模型知识)。深度路径会跑大纲级形式门禁与内容深化矩阵;Q6 视觉方案 与 Q5 大纲确认 在任何路径下都不应跳过——返工成本最高。

使用场景

  • 客户已提供文档与表格,需先完成 16 问访谈并确认 deck-brief,再按页写 HTML 并导出可编辑 PPTX。
  • 团队用 HTML 维护 1920×1080 幻灯片版本,改稿后要先跑 validate 与视觉截图自查,再无损转成 PowerPoint。
  • 咨询汇报含市场规模或竞品判断,须先填 deck-pages 内容卡、把降级论断页登记进 hedgePages,再按 html-spec 写页。
  • 演讲或混合密度单页要点超标时,按 density-tiers 拆页或放大字号满填,避免交付前才发现一屏装不下。

适合人员

  • 面向客户交付战略或行业分析 PPT 的咨询顾问,需要大纲确认、出处分类与 hedge 页可审计。
  • 负责投融资路演或季度经营会的业务负责人,希望 Q5 大纲与 Q6 视觉方案一次定稿后再逐页实现。
  • 用 HTML/CSS 维护企业演示模板的前端或全栈工程师,要求色板用 theme 变量且转换后图表仍可在 PPT 里改。
  • 企业内训讲师,要在备注区写演讲提示,同时把终稿交给只用 Office 的同事继续做版式微调。