应用介绍
让 AI 做 PPT,出来的多半是一个模子:千篇一律的版式、满屏的项目符号,拿去讲都不好意思。而且都 AI 时代了,幻灯片为什么还只能是一张张静态图片?
Bolt Slides 是 StackBlitz(bolt.new 背后的团队)开源的答案:它给 Claude Code、Codex、Cursor、Bolt 这些 Agent 准备了一套现成的积木,说一句「帮我做个给投资人讲某某产品的 deck」,Agent 就能拼出一份每一页都是真网页的演示文稿——能放 3D 场景、实时数据、能点能用的产品原型,手机电脑自适应,做完发个链接就能分享。
仓库里自带一份写给 Agent 看的 skill,教它怎么配主题、排版、写文案,连标签页标题和图标都会设好,一句提示词就能拿到一份能直接上台讲的成品。也可以自己动手:每页就是一个普通的 React 组件,会写网页就会写幻灯片。MIT 开源。
现成组件库:封面、议程、对比、时间线、定价表、团队介绍,柱状图、折线图、环形图、数字滚动,代码窗口、浏览器框、3D 地球、悬浮卡片,全部响应式,附带 26 页演示 deck 逐一展示。
逐步揭示:用
演讲者模式:按 P 在另一个标签页打开,带计时器、下一页预览和可编辑的备注,和观众那一页实时同步。
标注跟着内容走:按 A 用画笔、荧光笔、形状圈重点;在电脑上圈住的数字,换到手机上布局变了圈也还在那个数字上,每页的标注会保存下来。
全局浏览:S 打开缩略图侧栏,G 一次铺开所有页面,网址里的页码能直接分享到某一页。
一处改色全局生效:颜色、字体、圆角、阴影都集中在一个 tokens.css 里,改一下主色整份 deck 连同界面一起换色;skill 里还写好了九种现成的主题方向。
Bolt Slides 是 StackBlitz(bolt.new 背后的团队)开源的答案:它给 Claude Code、Codex、Cursor、Bolt 这些 Agent 准备了一套现成的积木,说一句「帮我做个给投资人讲某某产品的 deck」,Agent 就能拼出一份每一页都是真网页的演示文稿——能放 3D 场景、实时数据、能点能用的产品原型,手机电脑自适应,做完发个链接就能分享。
仓库里自带一份写给 Agent 看的 skill,教它怎么配主题、排版、写文案,连标签页标题和图标都会设好,一句提示词就能拿到一份能直接上台讲的成品。也可以自己动手:每页就是一个普通的 React 组件,会写网页就会写幻灯片。MIT 开源。
软件功能
现成组件库:封面、议程、对比、时间线、定价表、团队介绍,柱状图、折线图、环形图、数字滚动,代码窗口、浏览器框、3D 地球、悬浮卡片,全部响应式,附带 26 页演示 deck 逐一展示。
逐步揭示:用
<Build at={n}> 让内容按点击顺序出现,方向键先走完当前页的动画再翻页,往回翻也能倒着收回去。演讲者模式:按 P 在另一个标签页打开,带计时器、下一页预览和可编辑的备注,和观众那一页实时同步。
标注跟着内容走:按 A 用画笔、荧光笔、形状圈重点;在电脑上圈住的数字,换到手机上布局变了圈也还在那个数字上,每页的标注会保存下来。
全局浏览:S 打开缩略图侧栏,G 一次铺开所有页面,网址里的页码能直接分享到某一页。
一处改色全局生效:颜色、字体、圆角、阴影都集中在一个 tokens.css 里,改一下主色整份 deck 连同界面一起换色;skill 里还写好了九种现成的主题方向。


