AI生成动态PPT的步骤
1. AI 生成动态 PPT 的实践指南
1.1. 前言
汗青 AI Talk 2025 年 03 月 24 日 17:38 日本
1.2. 背景介绍
PPT 对大部分朋友的价值不言而喻。我在日常做商业咨询时也需要大量 PPT 做交付，所以从年初开始，我尝试让 AI 来完成商业 PPT 的生成和设计。目前效果大致如下：
1.3. 效果展示与优势
1.3.1. 视觉效果评估
视觉效果是有点超出我的预期的。而且从可读性、图形化、信息整理几个角度来说，这些结果已经完全够用了。同时这些生成的 PPT 可以是动态的。
1.3.2. 动态演示
注：原文包含视频演示，可访问原文查看完整演示效果：AI 生成动态 PPT 演示视频
1.3.3. 使用流程与优势
在完成调教后，生成 PPT 的流程如下：给 AI 一段文字描述，包含任意数据、观点，或者你想表达的主题，它可以直接生成带动态的 PPT。
主要优势包括：
- 节省制作时间
- 优秀的视觉风格
- 快速归纳整理信息
- 用图形代替文字枯燥的表达
1.4. 实际应用案例
1.4.1. 数据可视化展示
给 AI 一段数据，它可以直接生成可视化的 PPT 展示：
1.4.2. 信息媒介进化史展示
这个例子特别令人惊艳，AI 仅根据一句话就清晰地描述出了媒介的进化历程，并且配上了精美的 ICON（建议放大查看细节）：
1.4.3. 文章总结可视化
你甚至可以直接复制一篇文章给它，帮你自动把核心数据进行可视化：
接下来我来分享一下实现这种效果的思路和步骤，在开始前，先延续我泼冷水的传统：
请别指望有一段提示词，复制就能得到满意的结果。这是一个和 AI 互动的过程，而非取之即用的"交付"。即便套用相同提示词，在死板的流程下也未必有好结果，AI 目前还达不到科幻小说的级别，请各位理解。
所以请保持耐心，在找到最佳状态前，你需要反复尝试。在下分享的是思路，而不是 123 的任务清单。
同时，使用 AI 生成"PPT"，实际上是基于模型的 HTML 输出能力，而并非真的 PPT 格式，它目前无法实现在 PPT 里的二次深度编辑，这一点我在最后会展开来说说看法。
1.5. 模型选择
目前只推荐 Claude 3.7 Sonnet，您当然可以使用 DeepSeek 等模型进行尝试，但效果会打折扣很多（实际上是非常多）。原因是 Anthropic 对 Claude 在编程和美学方面的深度优化目前在市面上是最好的，尤其是 3.7。
使用 Claude 的方法很多，最直接的是使用官方 web，但即便是 pro 用户，token 也经常遇到限制，因为上下文对话的每次修改消耗都是很大的，所以我目前通过 POE 来调用 Claude，还有很多其他方式，可自行搜索。
接下来就进入和 AI 的交互流程，大致有 4 个阶段：
1.6. 阶段 1：主观描述
这个阶段的目标是通过文字聊天，让 Claude 领悟你大致想要的视觉风格。比如在我的例子中，我希望他模仿类似 TheVerge 网站的科技风格，那么我先简单和他描述我的需求。
注意，很多朋友会希望 AI 理解最简单的描述，比如"我要 TheVerge 网站的科技风格的 PPT"，这种做法大概率会失败。和 AI 的沟通我不建议偷懒，尽量具体一点，比如这样的描述：
帮我生成数据可视化 PPT
- 类似 theverge 这样的科技风格，强烈的颜色对比
- 深色底色，以明亮的绿色和紫色作为高亮颜色，符合数学规律的配色
- 带有淡淡的网格线，体现科技感
- 使用 16:9 的画布，不能有元素溢出画布，保证布局的合理性
- 简洁的几何图形化作为装饰，所有装饰需要和内容相关，并且尽可能少使用
- 使用英文
模拟 2 个 PPT 的版式或者数据可视化，来测试效果
（这里也可以换成一个明确的任务，不重要，因为我们的目标是得到一个模板）
如何描述取决于你想要的风格，你也可以使用截图 + grok/gemini/deepseek 等方式帮你总结网站和参考物的美学特征，但不要太长。并且务必告诉 Claude 画布的比例是 16:9，或者你希望的 PPT 尺寸。
但是一般情况下，单次沟通后你得不到完美的效果。比如我看到的 PPT 在视觉风格上有一定的相似性，但颜色的精确性和字体的风格方面差距很大，还有一些细节完全不到位：
这个时候你需要的是：耐心。
很多人认为和 AI 的交互应该是简单几句话就能搞定的，这才是 AI 的价值，然后发现效果不好，就下个结论"AI 还是不行"。我觉得这种想法多少陷入了一些误区。
AI 能实现技术杠杆的前提是要在前期投入一定的精力和他"沟通"，这有点类似于你管理一个员工，无论他多么优秀，如果你不和他沟通清楚想要什么，都会导致结果的失控。
追求 AI 的杠杆，不代表你可以懒惰。
因此，和 Claude 反复聊天来获得一个你满意的 PPT 样式是完全必要的，在前期付出较高的沟通成本后，量产时就会觉得很爽。在沟通的过程中，我们要尽量清晰简洁的描述你想要的具体要求，然后让他"模拟 2 个 PPT 模板"来观察效果。以下是我的一些沟通示例，它非常类似你在和一个员工布置任务：
一般来说，在 5 次对话内我们可以得到一个理想模版。
注意，在主观描述阶段，我们的目标是得到模板，所以不要纠结于细节。
比如局部没有对齐，局部文字的大小，这些可以在后续调整。否则你的上下文 token 消耗会非常大。如果超过 5 次效果依然差很远，建议清除上下文或者从头开启一轮新对话。
大概在 3-4 次对话后，Claude 给我的模板基本接近了我的需求。此时就可以继续下一个阶段了。
1.7. 阶段 2：抽象风格样式（可选）
这是一个可选择的阶段，有两条路可以往下走：
- 和 Claude 说：非常好，记住这个风格，后面都使用它，然后直接进入第三阶段。
- 让 Claude 把这个模版抽象成一种它能理解风格。
第一种选择的好处是快，如果就是想临时出几页 PPT，接着说要求就可以了。但 AI 的上下文特征决定了在生成一定数量的 PPT 之后，它会改变对风格的认知，很难一直保证精确性，同时在单次对话下多次生成对 token 的消耗是极大的。
所以开启新对话在大部分情况下几乎是必然，那么我们就需要一个方式让它在新对话中尽量准确的还原刚才的风格。这也是我建议采用方式 2 的原因。
让 AI 总结当前的美学风格，并且记下来。这等于是你和他努力沟通后的提示词资产，是你付出努力后的成果。它通常会总结成一段文字，你也可以让它同时生成一个 CSS 样式同时保存。
非常棒，记录下来这个风格，后面全部使用它
中英文都可以，道理是一样的：
Visual Style Documentation for Future Presentations
Color Palette
Primary Neon Green: #73FBB4
Primary Purple: #AB6BFF
Secondary Purple: #BF55EC
Dark Background: #0a0a14
Accent Color: White
Layout & Structure
16:9 aspect ratio
Dark background with subtle grid pattern (40px × 40px)
Title positioned at top-left (5% from edges)
Subtitle in neon green below title
Content organized in layered structure with 3D perspective
Geometric decorative elements with subtle glow effects
Typography
Sans-serif font family (Segoe UI, Roboto, Oxygen, Ubuntu)
Clean title without text effects (2.5vw size)
Subtle glow effects only on supporting text elements
Layer numbers: bold, large (3vw) with slight transparency
Layer titles: medium (1.8vw) with light shadow
Descriptions: smaller (1vw) with slight transparency
Visual Elements
Grid background pattern in very light teal (rgba(64, 224, 208, 0.05))
Geometric shapes with thin borders in purple
Flow lines with gradient transparency
Soft glow effects in key areas (not on main title)
Custom icons with both solid and outline elements
Slight 3D rotation (5deg on X-axis)
Hover effects that enhance the 3D perspective
Animation/Interaction (if implemented)
Subtle hover effects moving elements forward in 3D space
Potential for sequential appearance of layers in presentations
Special Effects
Drop shadows for depth
Subtle glow on icons and accent elements
Transform-style: preserve-3d for true 3D rendering
Light translucency in gradients for depth
This comprehensive visual style creates a modern, tech-forward presentation with mathematics-inspired precision and futuristic neon aesthetics that will provide a consistent and professional appearance across all future presentations.
生成后大致看一下，可以做一些微调，然后粘贴在一个记事本里就行，方便以后再用。
1.8. 阶段 3：量产复用
这个阶段就比较简单了，用任意的方法告诉 AI 你想要什么就可以。最直接的就是文字描述，可以是一句话，一个概念，一组数据，原则还是：尽可能简洁清晰的表达你要的东西。
比如我想要一个演讲的标题页：
用文字告诉它你想修饰的细节，比如：
让 1.1 这个数字通过字体的变化显得很大，同时，中文的 letter-spacing 为 10px，增加整体的间距，突出呼吸感
当你需要一组样式一致的页面时，最好一次性生成所有页面，因为在间隔几个其他任务后，再去生成标题页样式可能略有不同，建议一次搞定：
数据可视化的页面，你可以用文字粘贴一大段要表现的数据，或者直接粘贴文章，这两种方式都是在文章一开始我展示过的。
理论上，附件形式的表格手机也是可以支持的。同时 Claude 已经支持了网页搜索，但读取文章链接应该也是可以的，我没有自己试，道理上是类似的，你可以选择输入信息的方式。
堆积图、柱状图，任意图形他都能搞定：
表示逻辑的层级示意图：
1.9. 阶段 4：唤醒
最后是怎么让 AI"想起来"你需要的风格。
因为上下文长度和 token 成本的问题，我们不可能在一个对话中让 Claude 无限生成。这就造成困扰：上次的效果很好，但聊太久或新开一个对话后，那些风格它就忘了。
老实说目前没有很完美的方案，我自己采用几种方式来唤醒 Claude 对视觉的记忆，再做微调，基本可用，就是麻烦一点。
- 用前文总结的美学风格唤醒
- 用之前生成的 PPT 截图或者 HTML 文件唤醒
这几种方式可以混用，目的都是用各种方式还原回之前的理想状态。但切记不要太纠结细节，只要在大风格上和之前保持一致就行了。AI 生成 PPT 的逻辑并不是严格遵循某种规范，而是按照一个人机互动的脉络去持续衍生，如果追求 100% 的严格复用，不如直接手动去搞了。
1.10. 如何把 HTML 变成 PPT
目前没有办法直接导出 PPT 的格式，因为本质上它是用 HTML 在模拟 PPT 的格式而已。我一般的处理方式是截图后粘贴到 PPT，但无法实现在 PPT 里的二次深度编辑。
其实 AI 的信息可视化的目标并不是制作 PPT，而是快速生成具有类似 PPT 展示效果的信息可视化资产，你把比例变成 3:4，就可以发小红书，变成 9:16，就可以发抖音。你甚至完全可以用 HTML 的页面组来完成整个演讲。
AI 带来的是信息可视化的可能性，不是生成 PPT 的可能性。长远来说，PPT 只是做演示的工具，但做演示不一定只能依靠 PPT。
1.11. 以上工作流的优缺点
优点：
- 将冗长信息数据的快速视觉化
- 量产标准化页面
- 优秀的视觉效果（需调试）
- 数据信息图表的快速补充
缺点：
- HTML 无法进入原生 PPT 工作流
- 局部调整时可能非常浪费时间
- 成本不低（按 Claude 的 token 计算）
- 缺乏样式稳定性
1.12. 推荐阅读
几个朋友近期都写过关于信息可视化的文章，我们每个人的观察和覆盖角度并不相同，推荐也阅读一下他们的内容，能获得不同的信息和视角。
橘子 orange.ai - 关于用 Figma 和 AI 解锁卡片自由的教程
歸藏 - 一键生成可视化网页工具
向阳 - 生成网站、PPT 等内容的提示词