如何用 open-slide 将 AI 代理变成幻灯片布局工程师

每次我需要为聚会或内部会议准备演示文稿时，我发现自己总是在拖延。在 PowerPoint 和 Google Slides 中摆弄字体和块对齐非常繁琐。Marp 或 Slidev 等 Markdown 工具让布局变得更容易，但如果你想要非标准的动画、交互式图表或精美的标注框，标记语言很快就会力不从心。

现在看来，神经网络已经能出色地编写 React 代码了。但如果你让 Claude Code 或 Cursor 从头开始构建演示文稿，它们会写出十几个互不关联的组件，忘记屏幕缩放，在路由中纠缠不清，最后留给你自己去处理布局问题。

open-slide 项目正是为了解决这个痛点。它是一个专门设计用于与 AI 代理配合工作的演示框架。

项目理念

open-slide 的创建者思路很简单：幻灯片是可视化代码，现代代理可以快速编写代码而不会抱怨。唯一的问题是执行环境。

open-slide 没有发明自己的有限标记语言（DSL），而是给代理提供标准 React，并自行处理所有日常琐事。该框架将画布锁定为 1920 × 1080 像素，确保在任何显示器上进行自适应缩放，配置屏幕切换、热重载和演讲者模式。

代理只需要按照清晰的标记规则生成组件，而不必分心于基础设施。

npx @open-slide/cli init my-slide
cd my-slide
pnpm dev

初始化后，项目已经包含 Claude Code 的现成脚本和系统指令，向模型解释画布结构、排版和调色板。

通过检查器进行内置编辑循环

通常，与 AI 协作处理视觉内容会变成无休止的口头解释：