Skip to content

open-slide:AI智能体原生幻灯片框架,用自然语言一键生成精美PPT

2026年5月4日

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即可在浏览器中实时预览。

交互式调整

如果需要调整某页样式:

  1. 点击页面元素
  2. 在审查器中添加评论,如"把封面标题颜色改为蓝色"
  3. 运行/apply-comments
  4. 智能体会自动修改代码

不要孤军奋战啦!

加入微信群一起学习交流 AI

与大神一起使用 OpenClaw、Hermes、Claude Code、Seedance 2.0、GPT-Image-2 等

微信公众号

扫码关注微信公众号
私信 "加群",将自动获取微信群二维码

探索 AI 世界,掌握智能未来