open-slide
让 AI 编程助手直接生成专业幻灯片的 React 框架
加载项目详情…
本应用为开源项目，仅供学习研究，请遵守其开源协议。
微信扫码咨询客服
POMOAI — 让开源 AI 即刻运行
让 AI 编程助手直接生成专业幻灯片的 React 框架
加载项目详情…
本应用为开源项目，仅供学习研究，请遵守其开源协议。
想象这样一个场景：你在准备一场技术分享，需要制作一份关于"大模型推理优化"的演示文稿。传统方式你需要打开 PowerPoint 或者 Keynote，在空白画布上反复排版、调整字体、对齐元素——这往往耗费数小时。但如果你只是对 AI 说一句「帮我做一个关于大模型推理优化的演示文稿，10页左右，包含背景、方法、实验结果」，然后喝杯咖啡，回来就看到一份完整可编辑的幻灯片代码躺在你的编辑器里，你会怎么想？
这正是 open-slide 正在做的事情。
幻灯片本质上是「视觉化表达」的产物——它需要将复杂的想法浓缩为简洁的图文，让观众在短时间内抓住要点。这与 AI 编程助手（Claude Code、Cursor、Codex 等）的核心能力天然契合：它们最擅长的是生成代码，而幻灯片恰好也是一种结构化的代码产物。
项目创始人 Yiwei Ho 在 2025 年底到 2026 年初开发了 open-slide，核心动机是解决「AI 编程助手无法产出高质量 PPT」这一痛点。在此之前，即使是最强的 AI 编码工具，面对 PPT 这种二进制格式也只能干瞪眼——它们能生成 markdown，却没法直接改 .pptx 文件。而 open-slide 另辟蹊径：把幻灯片变成 React 代码，让 AI 能直接参与创作。
这本质上是一个技术框架的范式转换：从"PPT 文件"到"幻灯片即代码"，让版本控制、协作编辑、AI 生成都可以在同一套工具链里完成。
图1：open-slide 官方 Logo
open-slide 的技术实现非常优雅：每张幻灯片本质上是一个 React 组件，渲染在一个固定 1920×1080 的画布容器里。这意味着：
@slide-comment 注释，AI 读取注释后修改对应代码，循环迭代直到满意。项目采用 pnpm monorepo 结构，分为：
packages/core — 核心运行时，含 CLI、dev/build/preview 命令、Vite 插件、国际化packages/cli — 命令行工具，提供 npx @open-slide/cli init 初始化脚手架apps/web — 文档网站（Next.js + Fumadocs）apps/demo — 演示应用/create-slide 和 /slide-authoring 技能open-slide 的杀手级功能是它为 Claude Code 等 AI 编程工具预置了两个技能（skills）：
/create-slide：通过四个引导问题（主题与风格、页数、文字密度、动态vs静态），自动规划并生成整套幻灯片，从一句描述到完整演示文稿。/slide-authoring：AI 在编写页面代码前读取的参考规范，涵盖画布尺寸、排版规范、颜色体系，确保输出的一致性。这套机制实现了「说一句话 → AI 生成完整代码 → 你实时预览调整」的闭环，是目前 AI 生成 PPT 领域少见的工程化完整方案。
| 层级 | 技术选型 |
|---|---|
| 运行时核心 | TypeScript + React 18/19 |
| 构建工具 | Vite + pnpm workspace + Turbo |
| 代码规范 | Biome（格式化 + Lint 合一） |
| Web UI | Next.js 16（Fumadocs 文档站） |
| 动画 | Motion（Framer Motion 继任者） |
| 组件库 | Radix UI + Tailwind CSS 4 |
| 发布工具 | Changesets（语义化版本管理） |
| 测试 | Vitest |
| 国际化 | @open-slide/core/locale |
架构类型为 Monorepo Plugin Framework — 核心包作为插件，通过 Vite 插件机制注入开发/构建流程，上层应用（文档站、demo）消费这些包。
优势：
npx @open-slide/cli init my-deck 一条命令搞定一切局限：
open-slide 代表了一个新兴趋势：「AI-First Document」。随着 AI 编程助手越来越强，"文档即代码"（Docs-as-Code）已经成熟，而"幻灯片即代码"（Slides-as-Code）正在成为下一个战场。
GitHub 4,521 Stars 的热度（且在持续增长中）说明这个需求是真实的：开发者们不想再被 PowerPoint 的格式限制束缚，他们想要用自己熟悉的代码工作流来管理演示文稿。
未来如果 open-slide 能支持：
将有望成为技术圈演示文稿的事实标准。
open-slide 是一个面向 AI 时代的幻灯片框架，它的核心价值不是「做幻灯片」，而是「让 AI 能够做幻灯片」。通过将幻灯片代码化，它打破了传统演示工具与 AI 编程工具之间的壁垒，让开发者可以在自己熟悉的编辑器里、用自然语言命令 AI 完成演示文稿的创建与迭代。如果你经常需要做技术分享、演讲路演，或者在 AI 编程工作流中需要快速生成演示材料，open-slide 值得一试。