将AI做PPT的核心步骤拆解为两个关键步骤-应用开源PPT Skills做出高质量的
- 2026-05-17 01:24:44
将AI做PPT的核心步骤拆解为两个关键步骤-应用开源PPT Skills做出高质量的大家好，我是人月聊IT。 很久没有聊过AI辅助做PPT方面的内容，主要原因还是我很多PPT都直接采用NotebookLM进行输出，虽然不能修改，但是已经满足我个人大部分的演讲和使用场景。 如果真正需要可编辑的PPT，当前最佳的推荐仍然是国内的天工AI，或者GenSpark来做PPT，个人验证过很多不同场景下的做PPT需求。相当来说GenSpark还要更强一点。 当然现在随着OpenClaw小龙虾的火热，又推动了大量PPT制作的Skills技能开源。包括类似早期Claude刚推出Skills的时候的Document-skills技能来做PPT，也能够得到不错的效果。 今天我就随便拿一个做PPT的开源项目来讲解下新的做PPT核心思路的变化。这个开源项目地址是： 而我今天要讲的关键重点在于，将PPT的制作拆解为两个关键步骤。首先是让大模型学习开源项目或技能库，将你提供的原始需求或文档材料，规划和整理为完整的分页制作PPT内容的详细提示词。对每页的布局，内容都进行详细的定义，包括灵活选择Skills技能库最合适的布局和模板来进行处理。而且在AI大模型输出这个完整提示词内容的时候，我特别增加了一个关键内容，就是在每页内容规划里面如果涉及到类似流程图，架构图等构图的时候必须用ASCII码绘制参考图。 在这里还是拿本体建模规范的文档来做说明，基于这个文档，AI可以输出完整的做PPT的参考提示词，细化到每页。注意每页内容实际都详细说明了布局，内容，构图等关键内容。 
可以看到AI大模型已经充分理解了我的原始建模规范文档，也充分理解了html-ppt这个开源技能库，然后帮我规划和设计了制作这个PPT的每一页的内容要求。 有了这个内容，我们再用这个markdown文件，让大模型基于ppt制作技能来帮我们输出完整的PPT。通过这种两阶段拆解的方法，我们就可以更好的应用任何一个开源的技能库，同时你也不需要详细去了解技能库已有的详细规则定义，可复用组件，布局风格等内容。同时大家注意，在进行了两阶段拆解后，也给了我们人工介入并审核的机会，我们可以先审核和确认AI输出的PPT制作纲要Markdown文档，再审核确认后再进入第二步PPT的详细制作中。 具体AI大模型输出的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"或 classanim-fade-up，列表用anim-stagger-list20 个 Canvas FX： data-fx="knowledge-graph"等，需引入fx-runtime.js，在 slide 进入时自动初始化
创作工作流（关键规则）
开始前必须确认三件事（否则不要直接开始写 slide）：
内容主题 / 页数 / 观众 风格/主题偏好（推荐 2-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/ 等文件的权限）。但我完全理解其设计体系，可以：
- 按照其规范手动生成符合该体系的 HTML 演示文稿
——使用正确的 CSS token 结构、slide 类名、runtime.js 接口约定 - 作为指导原则
——在你想做 HTML PPT 时，按照这个技能要求的方式来问你需求（内容/主题/风格），再生成高质量的输出
本文来自网友投稿或网络内容，如有侵犯您的权益请联系我们删除，联系邮箱：wyl860211@qq.com 。
