Agent Skills
返回列表
HTML 演示文稿生成器

HTML 演示文稿生成器

办公效率 更新于 2026.08.30

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

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_15292d5a/yjkj-kaifafuzhuskll01。

技能介绍

解决什么问题

做演示文稿时,常见卡点不是“不会做 PPT”,而是大纲反复改、页面密度不稳定、HTML 预览和可编辑交付物难以统一。该技能把 PPT 生成拆成一条可审阅的工程流程:先用自然语言或 KAIFA## PPT 触发,再选择 简易 / 标准 / 详尽 三档模式,分别对应约 10 分钟、25 分钟、50 分钟的时长和 7–10、20–25、40–50 页的结构。

如何工作

核心流程分为五个阶段:

  • PHASE 0 发现:确认模式、章节数,套用页数公式,输出包含每页标题与布局类型的大纲草案,并支持展开、压缩、合并后锁定。
  • PHASE 1 规划:生成 master_config.json 与 slides_data.json,逐页定义 type、layout 和 data,并强制写入可逐字渲染的最终文字内容。
  • PHASE 2 实现:基于母版模板并发渲染各页,将片段注入 {{slides}} 和 {{icons}} 占位符,输出单文件 HTML 演示。
  • PHASE 2.5 导出:可选生成可编辑 .pptx,适合交付与修改;HTML 适合高保真预览。
  • PHASE 3/4 审查:检查页数、结构顺序、布局匹配、配色字体、翻页交互,并输出文件路径与遗留问题。

边界与注意

该技能固定一套设计系统:主色 #004D8C、Noto Sans SC、1280×720 容器,且不支持自由换肤。PPTX 导出对字体依赖本机环境,优先使用 Noto Sans SC,否则回退 Microsoft YaHei。若页面内容密度要求较高,应在规划阶段把 slides_data.json 中的文字写完整,而不是依赖渲染阶段补齐。

使用场景

  • 产品方案评审前,把架构、流程与对比材料整理成 20 页 HTML 演示,并锁定大纲和布局。
  • 周报汇报需要 7 页简版幻灯片,把核心结论、指标表格和下一步计划做成可预览 HTML。
  • 交付客户时,从同一份结构化内容导出可编辑 .pptx,方便对方修改标题与本地字体。
  • 技术分享准备 40 页详尽演示,将章节封面、时间线、架构图和数据表格按固定 1280×720 排版。

适合人员

  • 准备方案评审的产品经理,需要快速把架构、对比和结论整理成可审阅的 HTML 演示。
  • 需要交付客户 PPT 的方案顾问,希望同一份内容既能预览又能导出可编辑 .pptx。
  • 做技术分享的工程师,要求按固定 1280×720 模板排版时间线、架构图和表格。
  • 负责内部汇报的运营,想把周报结论、指标和下一步做成 7 页简版幻灯片。