将AI做PPT的核心步骤拆解为两个关键步骤-应用开源PPT Skills做出高质量的PPT

大家好，我是人月聊IT。

很久没有聊过AI辅助做PPT方面的内容，主要原因还是我很多PPT都直接采用NotebookLM进行输出，虽然不能修改，但是已经满足我个人大部分的演讲和使用场景。

如果真正需要可编辑的PPT，当前最佳的推荐仍然是国内的天工AI，或者GenSpark来做PPT，个人验证过很多不同场景下的做PPT需求。相当来说GenSpark还要更强一点。

当然现在随着OpenClaw小龙虾的火热，又推动了大量PPT制作的Skills技能开源。包括类似早期Claude刚推出Skills的时候的Document-skills技能来做PPT，也能够得到不错的效果。

今天我就随便拿一个做PPT的开源项目来讲解下新的做PPT核心思路的变化。这个开源项目地址是：

https://github.com/lewislulu/html-ppt-skill

大家可以下载和安装这个技能到本地。当大部分人拿到这个开源项目的时候，实际很难真正很好的使用，因为这个技能相当的复杂，里面有大量的模板库，包括各种布局组件。类似我前面谈Remoting做动态视频一样的道理。如果你前期准备不好素材，包括提示词约束，实际很难真正用好这些PPT的技能库。我们先看下Claude对这个项目的简单总结如下：

html-ppt-skill 技能理解总结是什么

这是一个用于生成专业 HTML 演示文稿的 AgentSkill，核心理念是：纯静态 HTML/CSS/JS，零构建，开箱即用。

核心资产体系

设计系统（token-driven）

• 所有颜色、间距、圆角、阴影都定义在 assets/base.css 的 CSS 变量里
• 每个主题文件只覆盖这些变量，切换主题只需换一个 <link> 标签
• 禁止在 slide 里硬编码颜色（如 #111），必须用 var(--text-1) 等 token

36 个主题 (assets/themes/*.css) 按场景推荐：

• 商业/投资人 → pitch-deck-vc, corporate-clean, swiss-grid
• 技术分享/工程 → tokyo-night, dracula, terminal-green, blueprint
• 小红书图文 → xiaohongshu-white, soft-pastel, rainbow-gradient
• 学术/报告 → academic-paper, editorial-serif, minimal-white
• 赛博/发布会 → cyberpunk-neon, vaporwave, neo-brutalism

31 个单页布局 (templates/single-page/*.html) 覆盖所有常见页面类型：封面、目录、章节分隔、要点、双列/三列、大引用、KPI、表格、代码、时间线、路线图、思维导图、甘特图、图表（柱/线/饼/雷达）、架构图、CTA、致谢等

14 个完整 Deck 模板 (templates/full-decks/<n>/)

• 8 个从真实 deck 提取的风格（xhs-white-editorial、cyberpunk 终端、知识图谱等）
• 6 个场景模板：pitch-deck、product-launch、tech-sharing、weekly-report、xhs-post（9张3:4）、course-module

47 个动画

• 27 个 CSS 动画：data-anim="fade-up" 或 class anim-fade-up，列表用 anim-stagger-list
• 20 个 Canvas FX：data-fx="knowledge-graph" 等，需引入 fx-runtime.js，在 slide 进入时自动初始化

创作工作流（关键规则）

开始前必须确认三件事（否则不要直接开始写 slide）：

1. 内容主题 / 页数 / 观众
2. 风格/主题偏好（推荐 2-3 个候选）
3. 是否从现有 full-deck 模板起步

创作规则：

• 始终从模板复制，不从零手写
• 用 CSS token 变量，不写硬编码颜色
• 每页是一个 <section class="slide">
• 必须引入 runtime.js（键盘导航支持）
• 在每页里加 <div class="notes">...</div> 作为演讲者备注

运行时功能

键盘快捷键：← → 翻页，T 循环主题，A 循环动画，F 全屏，S 演讲者备注，O 幻灯片概览，URL #/N 直跳第 N 页

在我的使用场景中的意义

由于这是一个外部 GitHub 技能，我目前没有本地安装该技能的文件（没有访问 assets/、templates/ 等文件的权限）。但我完全理解其设计体系，可以：

1. 按照其规范手动生成符合该体系的 HTML 演示文稿——使用正确的 CSS token 结构、slide 类名、runtime.js 接口约定
2. 作为指导原则——在你想做 HTML PPT 时，按照这个技能要求的方式来问你需求（内容/主题/风格），再生成高质量的输出

而我今天要讲的关键重点在于，将PPT的制作拆解为两个关键步骤。首先是让大模型学习开源项目或技能库，将你提供的原始需求或文档材料，规划和整理为完整的分页制作PPT内容的详细提示词。对每页的布局，内容都进行详细的定义，包括灵活选择Skills技能库最合适的布局和模板来进行处理。而且在AI大模型输出这个完整提示词内容的时候，我特别增加了一个关键内容，就是在每页内容规划里面如果涉及到类似流程图，架构图等构图的时候必须用ASCII码绘制参考图。

在这里还是拿本体建模规范的文档来做说明，基于这个文档，AI可以输出完整的做PPT的参考提示词，细化到每页。注意每页内容实际都详细说明了布局，内容，构图等关键内容。

可以看到AI大模型已经充分理解了我的原始建模规范文档，也充分理解了html-ppt这个开源技能库，然后帮我规划和设计了制作这个PPT的每一页的内容要求。

有了这个内容，我们再用这个markdown文件，让大模型基于ppt制作技能来帮我们输出完整的PPT。通过这种两阶段拆解的方法，我们就可以更好的应用任何一个开源的技能库，同时你也不需要详细去了解技能库已有的详细规则定义，可复用组件，布局风格等内容。同时大家注意，在进行了两阶段拆解后，也给了我们人工介入并审核的机会，我们可以先审核和确认AI输出的PPT制作纲要Markdown文档，再审核确认后再进入第二步PPT的详细制作中。

具体AI大模型输出的PPT参考如下：

希望今天关于PPT制作的思路对你有所启发。