向导式 HTML 幻灯片无损转 PPTX
将以下提示词粘贴到你的 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 的同事继续做版式微调。