一款专门为AI Coding Agent设计的幻灯片框架。描述需求，AI写React代码，热重载预览，评论迭代，导出发布——全程不离开对话窗口。
让AI帮你写PPT：open-slide深度测评
一个朴素的问题：现在AI这么强，为什么大多数人的PPT还是自己硬做的？
因为现有的"AI生成PPT"工具，本质上都是填空式生成——给你一个模板，你填主题，它给你一套看起来还行但毫无个性的幻灯片。动画？交互？自定义布局？想都别想。
open-slide 给出了一个完全不同的思路：让AI直接写幻灯片的React代码。
核心定位：AI Agent的工作流工具
open-slide对自己的定位说得很清楚：
"The slide framework built for agents."
它的目标用户不是普通人，而是AI Coding Agent（Claude Code、Cursor、Coze Codex等）。工作流是：
描述你想做什么 → AI写React代码 → 热重载预览 → 评论修稿 → 导出
整个过程AI在写代码，你在下指令，双方不需要切换工具，不需要离开对话窗口。
这和市面上所有"AI生成PPT"工具的逻辑本质不同。PowerPoint AI插件是把AI塞进PPT，open-slide是把PPT变成AI可以写的代码。
核心工作机制
固定画布 + 无限灵活
open-slide的核心设计：每一页是1920×1080的固定画布，内容是任意React组件。
这意味着什么？
框架处理的部分：画布缩放、热重载、演示模式、键盘导航、全屏播放。你只需要专注内容。
CLI一句话初始化
npx @open-slide/cli init my-slidecd my-slidepnpm dev
然后打开 http://localhost:5173，就能看到开发服务器。本地跑一个完整的幻灯片开发环境，包含首页（所有幻灯片列表）、预览视图、演示模式。
目录结构极简
slides/ my-first-deck/ index.tsx ← 幻灯片代码 assets/ ← 图片/字体/视频
你只需要关心slides/<deck-id>/index.tsx一个文件。框架、配置、构建脚本，全部隐藏在packages/core里，不需要改，也改不了。
实测：AI能写出什么样的幻灯片
以官方演示的"harness-engineering"风格为例，这套幻灯片的设计语言是：
这种风格在传统PPT工具里几乎无法实现，但在open-slide里，就是几行设计常量：
exportconstdesign: DesignSystem = {palette: {bg: '#05070a',text: '#e6edf3',accent: '#39ff88', },fonts: {display: '"JetBrains Mono", monospace',body: '"JetBrains Mono", monospace', },typeScale: { hero: 160, body: 36 },radius: 0,};
然后每页就是一个React组件。背景是CSS渐变叠加扫描线动画，标题是霓虹绿大写字母，底部是终端风格的页码。动画效果用CSS keyframes实现，AI写起来毫无压力。
这才是AI擅长的事情：不是从预设模板里挑一个，而是直接写出视觉效果。
迭代工作流：评论即协作
open-slide有一个很巧妙的设计：inspector评论机制。
在开发服务器里，你可以点击任何元素，附加一条评论，比如：
这些评论以@slide-comment标记的形式写入源代码。AI读取所有标记，一次性全部应用，然后清除标记。
工作流变成：
演示 → 点击评论 → /apply-comments → 预览 → 重复
整个修稿过程AI在跑，你只需要点、评、验收。没有来回的消息，没有"再改一下"的主观偏差——所有改动都有记录，可回滚。
导出与发布
完成编辑后，两种导出方式：
1. 静态HTML（自包含）
pnpm build
输出一个dist/目录，包含所有HTML/CSS/JS。可以一键部署到Vercel、Cloudflare Pages、Netlify。没有任何服务器端依赖，纯静态。
2. PDF open-slide内置打印友好样式，Ctrl+P即可导出PDF。也可以用Playwright自动化截取每一帧，合并成PDF。
与传统工具的本质差异
关键区别在于：PowerPoint和Canva的"AI功能"是让AI帮你操作现有工具，open-slide是让AI成为工具本身。
适合谁用
推荐：
- 有AI Coding Agent使用习惯的开发者/技术产品经理
不推荐：
局限性
这是客观评测，不是软文：
1. 依赖开发环境 需要node/pnpm，需要命令行操作。如果你的协作对象是完全不懂命令行的同事，这套工具帮不了你。
2. PDF导出需要额外步骤 框架本身不直接输出PDF，需要借助Playwright或浏览器打印。官方说明里有，但不如"一键导出"顺滑。
3. 动画性能取决于实现质量 AI写的CSS动画有好有坏，遇到复杂时序控制可能需要人工调整。
4. 素材管理还是原始状态 图片字体需要手动放到assets/目录，没有在线素材库。
一句话总结
open-slide解决的核心问题是：把"让AI帮我做PPT"从填空题变成代码题。
当你开始用自然语言描述需求、AI用React实现每一页幻灯片的时候，你会发现天花板的位移远比你想象的要高。
GitHub: https://github.com/1weiho/open-slide
Demo: https://demo.open-slide.dev
