上周领导让我做个 Q2 业务复盘的 PPT,10 页左右,下周汇报用。
我打开 PowerPoint,调了半小时字号和对齐,做了 3 页就崩溃了——内容要精炼、排版要好看、图表要清晰、配色要高级……每一页都像在做设计。
后来我想:既然 AI 都能写代码了,为什么不能直接帮我做 PPT?
搜了一圈,发现一个叫 Open Slide 的开源项目,GitHub 上 2600+ 星。试用了一下,确实有点东西——你跟 AI 说一句话,它直接帮你生成一整套幻灯片。

Open Slide:给 AI Agent 设计的幻灯片框架
Open Slide 的核心思路很简单:你描述需求,AI 写 React 代码,框架负责渲染成幻灯片。
跟传统的 PPT 工具完全不同——它不是给你一个拖拽编辑器,而是让 Claude Code、Codex、Cursor 这些 AI 编程助手直接帮你写幻灯片代码。
npx @open-slide/cli init my-slide
一行命令初始化,然后你就可以在 AI 对话里说:"帮我做一个关于 Q2 业务复盘的幻灯片,10 页左右,风格简洁。"AI 会问你几个问题(主题、页数、文字密度、要不要动效),然后直接生成整套幻灯片。
它跟 HTML 做 PPT 有什么区别?
你可能听过用 HTML/CSS 做幻灯片的方案(比如 Slidev、Reveal.js)。Open Slide 选了另一条路——用 React 组件写幻灯片。
React 组件的优势在于:扩展性强、复用方便、生态丰富。你想加一个图表?npm 装个库就行。你想做一个复杂的数据可视化?React 组件随便嵌套。
每张幻灯片都是一个固定的 1920×1080 画布,框架负责自动缩放适配不同屏幕。你只管写内容,不用操心分辨率。
实际效果:
这是 Open Slide 做的一份「Harness 详解」的 PPT,效果相当不错。深色编辑器风格,橙色点缀,10 页一气呵成。






几个让我觉得"有点东西"的功能
1. 浏览器里直接批注
在开发服务器里预览幻灯片时,你可以点击任意元素,加一条评论——"这个改红色"、"标题缩小一点"、"换成 Open Slide 演示"。评论会保存到源码里,然后运行 /apply-comments,AI 自动把所有批注一次性改完。
这个循环特别丝滑:预览 → 批注 → AI 改 → 再预览。
2. 内置品牌 Logo 库
集成了 SVGL 库,1500+ 个品牌 Logo 直接搜索拖入。不用再去百度图片找 PNG 了。
3. 专业的演示模式
不只是浏览器全屏播放——它有演讲者模式,可以同时看到当前页、下一页预览、演讲备注和计时器。上台演讲完全够用。
4. 一键导出
一条命令导出为静态 HTML 或 PDF,丢给任何人都能直接打开,不需要安装任何东西。
上手体验
整个项目是 pnpm + Turbo 的 monorepo 结构,但对用户来说很简单:
npx @open-slide/cli init my-slide
cd my-slide
pnpm dev
脚手架已经预配置好了 AI Agent 的技能文件。你可以直接跟 AI 对话生成幻灯片,也可以手动编辑 slides/<id>/index.tsx。
开发体验上,Vite 负责热更新,加一张幻灯片、改一个字,浏览器实时刷新。
部署也很方便——open-slide build 输出纯静态文件,一键丢到 Vercel、Cloudflare Pages、Netlify 都行。
我的看法
这个项目思路确实新颖。把"做 PPT"变成"写需求",让 AI 去处理排版和样式,人只需要关注内容——这可能是 AI 时代做演示文稿的正确姿势。
小遗憾:项目刚开源不久,还在快速迭代中(我看到 GitHub 上有好几个 PR 在排队),模板和主题可能还不够丰富。但方向是对的,React 生态的组件库那么多,后续扩展空间很大。
如果你也受够了在 PPT 里调字号对齐,可以试试这个。毕竟,跟 AI 说一句话就能出一套幻灯片,比自己拖拽三个小时爽多了。
最后,欢迎关注,如果文章对你有帮助,就帮忙点个在看吧。
我是逗比的二狗,做普通人也能看懂、Get 到乐趣的实用工具分享。