做过方案、做过 PPT 的人都懂一件事：让 AI 生成 slides，出来的东西基本没法直接拿给客户。套模板、满屏 bullet、排版一眼假。StackBlitz（bolt.new 背后那家）前几天开源了 bolt-slides，思路挺狠：它不做 PPT，它做网页。 一个 prompt 进去，agent 给你搭出一份 deck，每一页都是一个真的、能自适应的网页，里面能跑实时数据、能挂 3D、能把你产品的真实界面嵌进去。发给客户的不再是文件，是一个链接。MIT 开源，仓库 7 月 14 号才建，现在 176 star。
我们自己的 custom.aigclink.ai 里有个方案生成环节，一直缺这么个载体。看完之后我们决定，把那一环直接换成它。
01每一页都是一个真网页
它 README 里的那句反问，是这个项目的起点：AI 做 slides 已经不新鲜了，可幻灯片凭什么到今天还是静态的？agent 什么都能做，把它放开了做 slides 会怎样？
底下其实是个很经典的分页 deck：Slidev 那种底部 dock、缩略图侧栏、网格总览、点击逐步展开、批注、演讲者模式，该有的一样不少。但每一页，就是一个普通的 React 组件。
Bolt Slides 生成的一页：整份 deck 就跑在浏览器里，是个响应式应用，不是一个静态文件（图源：StackBlitz 官方 demo）
这件事的分量在于：能用网页做的，现在都能搬进幻灯片。取一段实时数据、挂一个 3D 场景、把你产品的真实界面直接嵌进这一页。整个 deck 是个响应式应用，客户在手机上翻也不会垮。
02关键是它带了个 skill
对做产品的人，这个仓库里最值钱的不是那堆组件，是 .bolt/skills/slides/SKILL.md 这个文件。
它把"怎么配主题、怎么组版、怎么写文案"教给 agent，连 tab 标题和 favicon 该怎么设都管好了。而且它明确不绑定 Bolt：Claude Code、Codex、Cursor，任何 agent 都能读这个 skill 干活。你现有的链路指过去就行，这是它能被塞进别人产品里的前提。
写法也简单，<Deck> 底下每个子元素就是一页：
<Slide center nav="Thesis">
<h2 className="headline">
Dashboards are everywhere. <span className="accent-text">Insight isn't.</span>
</h2>
<Build at={1}>
<p className="subhead">Acme turns raw events into answers.</p>
</Build>
</Slide>
<Build at={n}> 管点击逐步展开，notes="…" 写的备注会出现在演讲者模式里。剩下的就是普通 JSX，会写网页就会写它。
03组件库
积木给得不少，分类也有意思。
结构上是 Cover、Agenda、Section、Split、Bento；数据上是 Charts（柱、线、环）、Table、StatGrid、BigNumber、CountUp、VisualDashboard；叙事上是 Quote、Contrast、Comparison、Timeline、Steps、Chat；产品向的有 CodeWindow、BrowserFrame、Pricing、Team；还有 Globe、TiltCard、Marquee 这类花活。全部响应式，starter deck 里 26 页把每个都演了一遍。
bolt-slides 自带的 26 页 starter deck 网格总览：封面、议程、数据看板、大数字、对比表、路线图、报价页，每个组件都演了一遍（图源：StackBlitz 官方）
把 Pricing、Team、Timeline、Comparison 这几个摆到一起看，这就是一份方案书的解剖结构：报价、团队、排期、竞品对比。这也是我们看上它最直接的原因，骨架不用从零搭。
04演示的时候
快捷键给得很全：S 开侧栏、G 看网格总览、A 进批注、F 全屏、P 开演讲者模式、H 把界面全藏起来。演讲者模式会另开一个 tab，带计时器、下一页预览，还能现场改备注，靠 BroadcastChannel 跟观众那块屏同步。
最见功夫的是批注：它的批注是锚在内容上的。 你在电脑上圈住某个数字，同一份 deck 在手机上打开，圈住的还是那个数字，不管布局怎么重排。做过响应式的人知道这有多难做。
链接还带页码，/#7 直接跳到第 7 页。发给客户"你看第 7 页"这种事，终于不用靠嘴说了。
05我们打算怎么用它
说下我们自己的场景。custom.aigclink.ai 有个方案生成环节，之前一直卡在"生成完了怎么交付"。走 PPT 这条路两头不讨好：AI 排的版拿不出手，客户拿到的还是个躺在微信里的文件，看完就沉底了。
bolt-slides 正好补这块：agent 按那个 skill 生成，出来是个应用，客户拿到一个链接，手机上能翻，里面还能嵌实时数据。对我们来说，接入成本主要在托管和中文主题，不在生成本身。
我们设想的接入链路：客户需求 → agent 按 skill 生成 → 出来是个 React 应用 → 客户拿到链接；绿色是 bolt-slides 自带的，黄色（build/托管、中文主题）是我们自己要补的两块
06三个坑
真要接，有三件事得先想清楚。
仓库 7 月 14 号才建，到现在 176 star。组件 API 大概率还会动，现在别做深耦合，中间留一层自己的封装。
它的产出是应用，不是文件。 跑完 agent 你还得 build、还得托管，每份方案就是一个站点。在 Bolt 或 StackBlitz 里这条链路是原生打通的，自己托管就得自己搭，这块是接入的主要工作量，别低估。
它的审美是西文的。 默认主题的字体、字重、行高都是照英文调的，中文一上去很容易垮。客户要是看中文方案，主题这块基本得重做一遍。这是我们接下来最花时间的地方。
幻灯片这个格式能活三十多年，靠的是"到哪都能打开"。现在 agent 一句话就能搭个网页，这条老优势正在反过来。
Github:https://github.com/stackblitz/bolt-slides
你发出去的是一个文件，对手发出去的是一个能点、能算、能跑起来的链接。
