发现一个做 PPT 的好帮手:open-slide 开源项目详解

1. 项目定位：为智能体打造的幻灯片框架

open-slide 是一个专为 AI 智能体（如 Claude Code、Cursor）设计的幻灯片框架。只需自然语言描述，就可以一键生成精美 PPT，适配全人群使用，告别熬夜手搓PPT！

2. 核心特性

•🤖 智能体原生创作：内置 /create-slide 和 /slide-authoring 技能，智能体可端到端生成幻灯片。•📦 导出为静态 HTML 和 PDF：一键生成，无需服务器即可分享。•📁 幻灯片管理器：支持文件夹、自定义 emoji、拖拽排序。•🚀 部署友好：输出纯静态构建，可一键部署到 Vercel、Cloudflare Pages 等。

3. 快速开始

初始化新幻灯片项目：

npx @open-slide/cli init my-slide

进入项目目录并安装依赖：

cd my-slidepnpm install

启动开发服务器：

pnpm dev

构建所有包：

pnpm build

然后通过智能体（如 Claude Code）进入当前项目驱动幻灯片即可开始创建你的幻灯片。

4. 实战例子：用 Claude Code 生成产品发布会幻灯片

假设你要做一个新产品发布会幻灯片，包含封面、问题、解决方案、产品演示、团队介绍、Q&A 共 6 页。在使用 npx @open-slide/cli命令项目初始化后，在初始化的项目打开 Claude Code（或 Cursor）并输入：

创建一个 6 页幻灯片，主题是‘NextAI 产品发布会’。

第一页封面：标题‘NextAI 2025 发布会’，副标题‘重新定义智能助手’。

第二页问题：列出三个常见痛点——信息过载、重复劳动、决策困难。

第三页解决方案：用三个卡片展示 NextAI 如何解决上述痛点。

第四页产品演示：嵌入一个视频占位符和功能列表。

第五页团队介绍：显示 4 位核心成员头像和名字。

第六页 Q&A：显示‘感谢聆听，欢迎提问’和二维码。

Claude Code 会自动调用 /create-slide 技能，生成对应的 React 组件。

你只需运行 pnpm dev 即可在浏览器中实时预览。

如果需要调整某页样式，点击页面元素，在审查器中添加评论“把封面标题颜色改为蓝色”，然后运行 /apply-comments，智能体会自动修改代码。

以上就是本次分享的全部内容，觉得有用的话记得点赞收藏和关注～