open-slide 把「帮我做一套关于 X 的幻灯片」变成智能体可以直接执行的任务。这个开源框架(仓库 1weiho/open-slide)在 GitHub 上有 7.3k star、520 fork,定位是「为智能体打造的幻灯片框架」:你用自然语言描述想要的 deck,Claude Code、Codex、Cursor 等编码智能体负责写 React 页面,open-slide 提供固定 1920×1080 画布、缩放、导航、热重载和演示模式,让智能体专注于内容本身。

它的核心思路是「幻灯片是可视化代码,而智能体擅长写代码」。每一页都是任意 React 组件,而不是受限的模板 DSL——智能体写出的页面直接渲染成幻灯片,不需要人工套模板、拖布局。

一次典型工作流

从零到一套可演示的 deck,流程是这样:

  1. 初始化:执行 npx @open-slide/cli init my-slide,生成一个 pnpm + Vite 的 React 工作区;
  2. 规划与生成:在聊天里调用内置的 /create-slide skill,回答四个问题(主题与风格、页数、文字密度、动态还是静态),智能体规划结构并写出全部页面;
  3. 批注修改:在浏览器 dev server 里点击任意元素直接附上批注(比如「把标题字号调小」),批注以 @slide-comment 标记持久化在源码里;运行 /apply-comments,智能体逐条应用修改并清除标记;
  4. 展示与导出:全屏演示模式带演讲者视图(当前/下一张预览、演讲备注、计时器);一条命令导出为静态 HTML 或打印级 PDF。

这个「展示→点击批注→智能体修改→再展示」的循环,把修改意见直接落在源码上,省去了「截图→描述位置→手动改」的往返沟通。

配套能力

  • 资源管理面板:按 deck 管理图片、视频、字体;
  • svgl 品牌 logo 搜索:内置目录直接搜索并拖入,不用再四处找 SVG;
  • slide 管理器:文件夹 + emoji + 拖拽排序,deck 多了也找得到;
  • 部署友好:输出纯静态构建,可一键部署到 Vercel、Cloudflare Pages、Zeabur、Netlify 或任意静态托管,无服务器、无运行时绑定。

另外,脚手架自带面向 Claude Code 的 agent skills,安装后即可直接对话驱动,也可以手动编辑 slides/<id>/index.tsx 细调。

项目现状

open-slide 是 pnpm + Turbo monorepo,TypeScript 占 96.2%,MIT 协议,作者 Yiwei Ho。累计 607 次提交、58 个版本、16 名贡献者;最新版本 @open-slide/core@1.19.1 发布于 2026 年 8 月 21 日,最近一次提交在 2026 年 8 月 29 日,维护活跃。

它的使用门槛也很直接:页面本质是 React 组件,如果要写复杂交互,需要一定的 React 经验;但内容型 deck 完全可以用自然语言驱动,不需要手动写代码。

结论

open-slide 把做幻灯片从「在编辑器里逐个调整」变成了「描述需求 + 审阅迭代」,是智能体协作做演示文稿的一个完整开源方案。想上手体验,执行 npx @open-slide/cli init my-slide,十分钟内就能看到第一版 deck。