# BaoCut Slides：交互式网页编辑器改编

> 记录 BaoCut 交互式幻灯片编辑器，作者称其实现借鉴自 Claude Slides。它为浏览器与桌面宿主加入本地文稿存储、HTML/CSS 编译器及标注到智能体的桥接；设计说明报告了 Web 流程检查，但未确立原有后端恢复或完整行为一致性。

- 类型：案例
- 目标：应用 · 网站
- 类别：独立重建案例
- 关联：独立重建项目
- 来源复核于：2026-10-17
- 收录于：2026-10-17
- 原始资源：<https://github.com/JimLiu/baocut/tree/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/packages/slides-runtime>
- 一手来源：<https://github.com/JimLiu/baocut/blob/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/docs/design/slides/slides-design.md>
- 目录页面：<https://awesomerea.org/zh/resources/baocut-slides-editor-case/>
- 记录 JSON：<https://awesomerea.org/resources/baocut-slides-editor-case/record.json>
- 英文版：[English](https://awesomerea.org/resources/baocut-slides-editor-case/index.md)

## 使用条件与局限

- **前提条件：**需要 Node.js >=22.12.0、npm 工作区依赖、apps/slides-editor 构建产物及 BaoCut Runtime／宿主；运行时声明 React ^19.3.0 与带项目补丁的 PptxGenJS 3.12.0。完整 BaoCut 构建另需 Rust/Cargo、CMake 和 C++ 工具，Apple Silicon 推理需要完整 Xcode／Metal。由智能体创建文稿需要 Codex CLI、Claude Code 或其他已配置引擎，并遵守其条款。
- **范围：**固定版本的 Slides 组件包括编辑器运行时、支持有限 HTML/CSS 子集的幻灯片编译器和新建的 BaoCut 宿主；文稿由 v4 deck.json 索引、逐页 HTML 与本地素材组成。
- **局限：**单用户、本地文件存储，逐文件冲突检查不代表整批回滚。共享房间／在线状态、分享链接、持久化评论线程及发送到 Google Drive／Slides 均不在范围内；PPTX/PDF 下载仍列于 P1。
- **测试证据：**端到端验证只覆盖 Web 标注流程，不含 Electron；公开测试使用模拟组件，也未与原版对照。
- **许可：**BaoCut Community License 1.0 是源码可见许可：允许个人／内部使用及内容创作，将代码商业化或进行商业托管需另行许可。PptxGenJS（MIT）与 mediabunny（MPL-2.0）保留各自条款；来源未确立 Claude 相关材料或随包图标字体的复用权，该字体计划替换。
- **署名：**请使用已获独立授权的幻灯片内容。

## 一手来源

1. <https://github.com/JimLiu/baocut/blob/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/docs/design/slides/slides-design.md>
2. <https://github.com/JimLiu/baocut/blob/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/packages/slides-runtime/README.md>
3. <https://github.com/JimLiu/baocut/blob/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/LICENSE>
4. <https://github.com/JimLiu/baocut/blob/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/THIRD_PARTY_NOTICES.md>
5. <https://github.com/JimLiu/baocut/blob/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/package.json>
6. <https://github.com/JimLiu/baocut/blob/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/packages/slides-runtime/package.json>
7. <https://github.com/JimLiu/baocut/blob/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/apps/slides-editor/build.mjs>
8. <https://github.com/JimLiu/baocut/blob/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/packages/slides/src/deck-store.ts>
9. <https://github.com/JimLiu/baocut/blob/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/packages/slides/src/deck-store.test.ts>
10. <https://github.com/JimLiu/baocut/blob/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/packages/slides/src/deck-routes.test.ts>
11. <https://github.com/JimLiu/baocut/blob/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/packages/slides/src/deck-check.test.ts>
12. <https://github.com/JimLiu/baocut/blob/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/packages/slides/src/editor/editor-host.test.ts>
13. <https://github.com/JimLiu/baocut/blob/b8585e0c8d7a82bdee9f0ed019cf6edb075e41c1/packages/harness/src/slide-annotations.test.ts>

## 同分区更多条目：网站

- [Claude Code 中的 REA：隔离配置下的静态分析 A/B 试验](https://awesomerea.org/zh/resources/rea-claude-code-isolated-ab-case/index.md) · 案例
- [恐龙跑酷：经 REA 检查、由 Codex 重建的速度规则](https://awesomerea.org/zh/resources/rea-dino-runner-community-case/index.md) · 案例
- [Terminal：参考 TradingView 图表研究的 Rust 终端](https://awesomerea.org/zh/resources/terminal-tradingview-rea-chart-case/index.md) · 案例
- [BaoCut Design：移植重建的设计稿与设计系统编辑器](https://awesomerea.org/zh/resources/baocut-design-canvas-case/index.md) · 案例
- [whatsapp-web-reveng：记录旧版 WhatsApp Web 协议](https://awesomerea.org/zh/resources/whatsapp-web-reveng-legacy-protocol-case/index.md) · 案例
- [Ruffle：用 Rust 重新实现的 Adobe Flash Player](https://awesomerea.org/zh/resources/ruffle-flash-player-case/index.md) · 案例

## 关于此条目

说明已依据一手来源复核。
原创说明采用 MIT 许可；外部项目、论文与素材保留各自的权利和许可。