🎯 open-slide：3.3k Stars 的 AI Agent 幻灯片框架，一句话让 Agent 帮你做 PPT
项目地址：github.com/1weiho/open-slide | ⭐ 3,341 Stars | 🛠 TypeScript | 📅 2026-04
老实说，让 AI 写代码写文档我都习惯了，但做 PPT 这件事一直很尴尬——AI 生成的 slides 要么丑到没法看，要么卡在格式里出不来。直到看到 open-slide，这玩意儿思路确实不一样。
open-slide 不是一个 PPT 模板生成器，而是一个专门给 Coding Agent 用的幻灯片运行时框架。 你跟 Agent 说"帮我做个关于 X 的 slides"，Agent 直接写 React 组件，open-slide 负责渲染成 1920×1080 的精美幻灯片。
⚡ 一句话起步
npx @open-slide/cli init my-slide
cd my-slide
pnpm dev
一行命令就拉起了开发服务器，热重载、全屏播放、演讲者模式全都有。然后你把控件的方向给 Agent 就行了——框架自带两个 Agent skill：/create-slide 用来生成整份 deck，/slide-authoring 是技术参考文档，Agent 写页面之前先读它。
🎯 最骚的操作：在浏览器里直接改
open-slide 的开发服务器自带一个点击批注模式——你看演示的时候，直接点页面上的任何元素就能添加批注："把这个标题改大"、"配色换成蓝色"、"删掉第三页"。批注会以 @slide-comment 标记写进源码，然后跑 /apply-comments，Agent 自动一个一个改掉。
这个循环用起来是真的爽：演示 → 点一下加批注 → Agent 改好 → 继续演示。
# 在 dev server 运行的情况下，点击元素加批注
# 然后告诉 Agent：
/apply-comments
🖼️ 导出和部署
# 导出静态 HTML
npx open-slide build
# 导出 PDF
npx open-slide build --format pdf
输出是纯静态文件，直接扔 Vercel、Cloudflare Pages、Netlify 就行，不需要服务器。
🔧 踩坑记录
- pnpm 是硬依赖。 项目是 pnpm + Turbo monorepo 架构，用 npm/yarn 会报错。别问为啥，装就完了。
- 页面是真正的 React 组件，不是模板。 这意味着 Agent 有完全的创作自由度，但也意味着如果 Agent 水平不行，生成的代码可能不 work。建议用 Claude Code 或 Codex 来写 slide。
- 目前只支持单页 1920×1080。 如果你需要其他比例，得自己改 canvas 参数。
总结
我用了大概十来分钟就搭好了第一份 deck，最花时间的反而是想内容而不是调格式。说实话，这可能是目前唯一一个真正理解"AI 时代怎么做演示文稿"的工具——不给用户一个拖拽编辑器，而是给 Agent 一个能跑 React 的画布。
- 🎯 Agent-native 设计，Claude Code/Codex/Cursor 全兼容
- ⚡ 一句话
npx @open-slide/cli init起步 - 🖊️ 浏览器点击批注 +
/apply-comments闭环 - 📦 一键导出静态 HTML / PDF，无锁入
标签：#AI #Agent #Slides #React #OpenSource