Appearance
open-slide是一个专为AI智能体(如Claude Code、Cursor)设计的幻灯片框架。只需自然语言描述,就可以一键生成精美PPT,适配全人群使用,告别熬夜手搓PPT!
项目定位
open-slide是为智能体打造的幻灯片框架,支持AI端到端生成幻灯片。
核心特性
| 特性 | 说明 |
|---|---|
| 🤖 智能体原生创作 | 内置/create-slide和/slide-authoring技能 |
| 📦 导出HTML/PDF | 一键生成,无需服务器即可分享 |
| 📁 幻灯片管理器 | 支持文件夹、自定义emoji、拖拽排序 |
| 🚀 部署友好 | 纯静态构建,可部署到Vercel、Cloudflare Pages |
快速开始
bash
# 初始化新幻灯片项目
npx @open-slide/cli init my-slide
# 进入项目目录并安装依赖
cd my-slide
pnpm install
# 启动开发服务器
pnpm dev
# 构建所有包
pnpm build然后通过智能体(Claude Code或Cursor)进入当前项目驱动幻灯片即可。
实战例子:用Claude Code生成产品发布会幻灯片
假设你要做一个新产品发布会幻灯片,包含封面、问题、解决方案、产品演示、团队介绍、Q&A共6页。
项目初始化后,在Claude Code中输入:
创建一个6页幻灯片,主题是'NextAI产品发布会'。
第一页封面:标题'NextAI 2025发布会',副标题'重新定义智能助手'。
第二页问题:列出三个常见痛点——信息过载、重复劳动、决策困难。
第三页解决方案:用三个卡片展示NextAI如何解决上述痛点。
第四页产品演示:嵌入一个视频占位符和功能列表。
第五页团队介绍:显示4位核心成员头像和名字。
第六页Q&A:显示'感谢聆听,欢迎提问'和二维码。
Claude Code会自动调用/create-slide技能,生成对应的React组件。运行pnpm dev即可在浏览器中实时预览。
交互式调整
如果需要调整某页样式:
- 点击页面元素
- 在审查器中添加评论,如"把封面标题颜色改为蓝色"
- 运行
/apply-comments - 智能体会自动修改代码
