你是否厌倦了千篇一律的 PowerPoint?是否曾为插入一个实时数据图表、一段 3D 演示或可点击的代码原型而反复折腾开发环境?Bolt Slides 是 StackBlitz 团队推出的革命性开源工具——它把整套幻灯片变成一个真正可运行的 Web 应用。只需输入一条自然语言提示(比如“用深空蓝主题展示 React Server Components 的数据流,第三页嵌入可交互的 Todo 列表”),AI 就能自动生成一套响应式、带动画、支持真实交互的网页级演示文稿,无需写一行 HTML/CSS/JS。
核心功能
- 一句话生成全栈幻灯片:支持 Claude Code、Cursor、Bolt 等主流 AI 编程助手,输入提示即输出完整可部署的 Web 演示项目
- 每一页都是真·网页应用:支持内嵌 Live Data(如 Fetch API 实时天气)、WebGL 3D 可视化、Canvas 动画、可编辑表单、甚至可运行的 TypeScript 沙盒代码块
- 设计即代码,品味有保障:拒绝模板化丑陋排版——内置专业级排版系统、响应式栅格、CSS 变量主题、交互动画曲线,让技术人也能做出设计师级别的视觉效果
- 零配置在线运行 & 分享:一键在 Bolt 或 StackBlitz 中打开,自动构建、热更新、生成唯一分享链接,观众打开即看,无需下载、安装或登录
- 完全开源可定制:基于 TypeScript 构建,结构清晰,支持本地克隆、修改主题、扩展组件(如新增 Mermaid 流程图 slide 类型)
- 移动端原生友好:所有幻灯片默认适配手机/平板/桌面,滑动翻页、触控交互、字体缩放全部开箱即用,告别投影仪调分辨率的尴尬
适合哪些人用
前端工程师、技术布道师、产品演示者、高校讲师、AI 工具爱好者,以及任何需要快速、体面、有技术含量地讲清楚一件事的人。尤其适合:向投资人演示 MVP 原型;在技术大会上展示框架新特性;给学生讲解 Web 标准演进;甚至用作内部产品需求文档的动态载体——因为“能点的 PPT”,才最接近真实产品体验。
快速上手
无需安装!直接访问 bolt.new/github.com/stackblitz/bolt-slides,点击「Open in Bolt」即可进入可视化编辑器。在右侧面板输入你的提示语(中文英文均可),等待 10–30 秒,预览区将实时生成完整幻灯片。支持导出为静态 HTML 文件,或一键发布为公开链接(如 bolt.new/your-presentation)。想本地开发?只需终端执行:git clone https://github.com/stackblitz/bolt-slides && cd bolt-slides && npm install && npm run dev,本地服务器即刻启动。
项目信息
Use any agent to create stunning, interactive presentations
372
Stars
52
Forks
TypeScript
MIT
TypeScript|GitHub Star 数:372|开源协议:MIT|GitHub 项目地址
如果你相信「演示不该只是讲述,而应是体验」——Bolt Slides 就是你今天最值得试一次的开源魔法。




