C
ChaoBro

OpenSlide:用 React 组件做幻灯片,AI Agent 驱动的 Presentation 开源框架

OpenSlide:用 React 组件做幻灯片,AI Agent 驱动的 Presentation 开源框架

痛点:为什么现有 AI 幻灯片方案都不够好

用 AI 生成 PPT 的需求很明确,但现有方案都有明显短板:

  • Markdown 转 PPT:排版僵化,无法处理复杂布局
  • 纯 Prompt 生成:每次输出不一致,品牌规范无法固化
  • 模板替换:只能改文字,不能智能设计

问题的根源在于:幻灯片本质上是一个可视化布局问题,不是文本生成问题

OpenSlide 的方案

OpenSlide 的核心设计思路是把每张幻灯片做成 React 组件,而非文本或 Markdown:

关键特性

  1. 固定画布:1920×1080 像素,确保输出与最终渲染一致
  2. Agent 技能内置
    • /create-slide:一句话 prompt 生成完整 slide
    • /design-slide:按品牌规范自动设计
    • /layout-slide:智能排版优化
  3. 组件化架构:每张 slide 是独立 React 组件,可复用、可定制、可版本管理

与传统方案对比

维度Markdown 转 PPTOpenSlide
排版控制模板限定像素级精确
品牌一致性难保证组件固化
可迭代性重生成增量修改
版本管理文本 diff代码 diff
Agent 协作单次生成多轮精修

上手路径

OpenSlide 的设计让它天然适合 AI Agent 工作流:

1. Agent 接收需求("做一个 Q1 财报汇报")
2. 调用 /create-slide 生成大纲
3. 逐张调用 /design-slide 应用品牌规范
4. 调用 /layout-slide 优化排版
5. 输出为 React 组件树 → 渲染为 PNG/PDF

整个过程可嵌入 OpenClaw、Claude Code 等 Agent 框架,实现”prompt 一下出一整套精美幻灯片”。

为什么值得关注

OpenSlide 代表了一个趋势:AI 工具正在从”生成内容”转向”生成可编辑的中间表示”

  • 生成 Markdown 是死端——你拿到的是纯文本,后续编辑困难
  • 生成 React 组件是活端——每张 slide 是可编程的对象,Agent 可以持续迭代

这也是为什么它在 GitHub 上迅速获得关注:解决的不是”能不能生成 PPT”,而是”能不能让 AI 持续维护 PPT”。

行动建议

  • 个人用户:适合做一次性汇报材料,/create-slide 一句话出活
  • 团队用户:将品牌 Design System 编码为组件模板,确保全公司输出一致
  • 开发者:fork 后接入自己的 Agent 框架,构建定制化 slide 生成 pipeline