1. 基本信息
| 项目 | 内容 |
|---|---|
| 名称 | Bolt Slides |
| 作者/维护者 | StackBlitz（GitHub 已认证组织账号，Bolt.new 母公司） |
| 来源链接 | https://github.com/stackblitz/bolt-slides |
| 许可证 | MIT（数据来自 GitHub API，仓库根目录 LICENSE 文件确认） |
| GitHub Stars | 613（GitHub API，2026-07-23） |
| Forks | 69（GitHub API） |
| 最新版本 | 无正式 Release/Tag，随主分支滚动更新（GitHub API） |
| 安装方式 | git clone + npm install，或直接在 Bolt / StackBlitz 在线环境打开（README） |
2. 功能介绍与亮点
Bolt Slides 用一句提示词把演讲主题变成一份“能讲演”的响应式网页应用，而不是一份静态文件。核心机制：
- 基于 Vite + React 的幻灯片引擎，每一页都是真实响应式网页组件（无固定画布尺寸限制），可以嵌入实时数据、图表、3D 场景、可交互原型；
- 保留经典单页翻页体验：悬浮操作栏、缩略图侧栏、逐点构建（click-builds）、网格总览；
- 内置演讲者模式：新标签页打开、带计时器与下一页预览，讲演备注与观众页通过
BroadcastChannel实时同步； - 内容锚定式批注工具：在某个数据点画的圈，无论布局如何随屏幕尺寸变化，标注始终跟随该数据点；
- URL 深链接直达任意一页（
/#7），便于分享； - 主题系统集中在一份 CSS token 文件，改一个变量即可让全局配色、字体、圆角、阴影统一切换。
主要亮点：StackBlitz（Bolt.new 母公司）官方出品并持续维护；官方支持文档明确说明该技能可脱离 Bolt 平台，配合任意编码 Agent 使用；组件库（结构、数据图表、故事叙事、产品截图、点缀元素五大类）+ 主题系统 + 演讲者工具三者齐备，覆盖“生成—讲演—分享”全流程。
3. 适用场景
所属分类：文档与办公自动化
适合需要在路演、教学、内部汇报、产品发布会等场合现场讲演（对着投影/共享屏幕讲解）的用户；尤其适合不想再用 PowerPoint/Keynote 手工排版、又希望幻灯片里能放真实数据图表、代码演示或 3D 效果的场景。
4. 跨 Agent 兼容性
- Claude Code：原生支持。官方支持文档明确写出可克隆本仓库后配合 Claude Code 使用。
- Codex：原生支持。同一份官方文档并列写出。
- OpenClaw：未验证——已抓取材料未提及。
- Hermes Agent：未验证——已抓取材料未提及。
判断依据：官方文档 support.bolt.new/use-cases/slides 原文明确列出可配合的编码 Agent 名单；OpenClaw、Hermes Agent 均不在名单内，未做额外搜索验证。
5. 推荐理由
官方一线机构出品、思路新颖（把静态幻灯片变成可交互网页应用），并且是少数在文档里明确写出“任意 Agent 均可用”的技能，文档详尽、免费开源、维护活跃。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 9 | StackBlitz 官方出品并维护——GitHub 已认证组织，3800+ 关注者，是知名 AI 建站产品 Bolt.new 的母公司；该技能同时有官方产品博客与独立支持文档背书 |
| 可用性 | 8 | README 与 SKILL.md 文档详尽并附组件示例；近一周内持续提交更新；免费开源无付费依赖；但需先克隆完整模板工程，不是拖入单个文件就能用，比同类方案多一个步骤 |
| 安全性 | 8 | 逐项见下表 |
安全检查清单：
| 检查项 | 结果 |
|---|---|
| ① shell 命令及权限范围 | 仅执行标准前端工具链命令（npm install / npm run dev / build），无越权系统操作 |
| ② 运行时联网外发 | 仅当用户提供品牌 URL 时，按 SKILL.md 指引抓取该页面配色/字体/Logo 用于主题定制，用途在正文中写明，非隐蔽外发 |
| ③ API key/凭据 | 无需任何密钥或账号 |
| ④ 可疑指令 | 审阅 SKILL.md 全文未发现提示词注入或隐蔽指令 |
| ⑤ 作者信誉 | StackBlitz 为 GitHub 已认证组织，成立于 2017 年，信誉良好 |
| ⑥ License | MIT，仓库根目录 LICENSE 文件明确 |
| ⑦ 最近维护 | 最近一次提交 2026-07-16，仓库本身 2026-07-14 创建，处于活跃开发期 |
7. 跟同类 Skills 相比的优势
| 竞品 | 定位 | 与 Bolt Slides 的差异 |
|---|---|---|
| pptx-anthropics-skills（Anthropic 官方） | 生成真正的 .pptx 文件 | 产出可在 PowerPoint/Keynote 里继续编辑的传统办公格式；Bolt Slides 产出网页应用，换来实时数据、3D、动效等网页原生能力，但脱离了 Office 文件格式 |
| frontend-slides | 零依赖单文件 HTML，先出预览图选风格再生成 | 足够轻量，打开浏览器即演示；Bolt Slides 需克隆完整 React 工程更重，但换来演讲者模式（同步计时器/跨标签页）、内容锚定批注、可扩展组件库等更完整的现场讲演工具链 |
| presentation-creator-getsentry-skills（Sentry 官方） | React + Recharts，聚焦把真实监控数据一键转成交互式网页汇报 | 定位偏数据看板汇报；Bolt Slides 定位更通用，面向路演/教学/发布会等叙事型讲演场景，组件库覆盖故事线、产品截图、图表等更广的版式需求 |
8. 用户评价
该仓库 2026 年 7 月中旬才创建，上线时间较短，目前在第三方平台尚未检索到针对该仓库本身的具名用户评价。
9. 其他补充
仓库开源以来已有多位不同用户提交跨平台滑动导航、图表边界处理、无障碍焦点等功能建议与缺陷报告，处于早期活跃迭代阶段；暂无中文本地化版本。
10. 安装使用方式
方式一（Bolt / StackBlitz 在线环境）：点击仓库 README 中的 “Open in Bolt” 或 “Open in StackBlitz” 徽章，直接在线对 Agent 提出讲演需求（如“帮我做一份关于 XX 的路演幻灯片”），即可生成完整可讲演网页应用。
方式二（本地，配合 Claude Code / Codex 等编码 Agent）：
git clone https://github.com/stackblitz/bolt-slides
cd bolt-slides
npm install
npm run dev随后让 Agent 读取仓库内的 .bolt/skills/slides/SKILL.md 并按其指引编写幻灯片内容——需保留 src/deck/ 引擎目录不动，只重写 src/App.tsx 中的内容。
注意事项：无需重启 Agent 或额外配置；生成结果是本地开发服务器渲染的网页应用，若要对外分享需自行部署（如 Vercel/Netlify）或用深链接方式现场演示。
11. 注意事项
- 产出为网页应用而非 .pptx/.key 等传统办公格式文件，若下游流程强依赖 PowerPoint 编辑，需改用生成实体文件的同类技能；
- 仓库创建仅一周多，尚在早期迭代阶段，组件库与主题细节可能持续变化；
- OpenClaw、Hermes Agent 上的兼容性未经验证；
- 分享讲演结果需自行完成网页部署，官方未提供一键托管服务。