# BaoCut Design: porting reconstructed canvas and design-system editors

> Documents BaoCut’s design-canvas and design-system editors, which the project says it ported 1:1 from TypeScript reconstructions of Claude Design’s editors and hosts in agent sessions with annotation and export. Its runtime notes record identifier fixes checked against the original scripts and a structural comparison matching 19,111 of 20,463 canvas main-page functions. Unreviewed differences, the unpublished reconstruction record and reuse rights remain open; no hosted-backend recovery is claimed.

- Type: Case study
- Targets: App · Website
- Category: Independent reconstruction cases
- Relationship: Independent reconstruction project
- Sources reviewed: 2026-10-18
- Added to the catalog: 2026-10-18
- Original resource: <https://github.com/JimLiu/baocut/tree/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design-runtime>
- Primary source: <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design-runtime/README.md>
- Catalog page: <https://awesomerea.org/resources/baocut-design-canvas-case/>
- Record JSON: <https://awesomerea.org/resources/baocut-design-canvas-case/record.json>
- Chinese version: [简体中文](https://awesomerea.org/zh/resources/baocut-design-canvas-case/index.md)

## Requirements & limits

- **Prerequisites:** Needs Node.js >=22.12.0, npm workspace dependencies and the apps/design-editor and apps/design-system-editor builds; the canvas keeps React 18.3.1 beside React 19, with Babel standalone 7.29.0. Full builds add Rust, CMake and platform tools; agent-made designs use a configured local agent CLI such as Codex.
- **Scope:** The source reconstructions (src/design-type, src/design-system-type) and their evidence are unpublished, and no original release is named.
- **Scope:** BaoCut shims replace the globalThis.claude host interface, the parent-origin allowlist is empty, analytics are off, and rooms, sampling and hosted design-system installs are dropped. System fonts replace Anthropic Sans, but the Anthropicons icon font is still inlined with an unconfirmed license and slated for replacement; use independently authorized content.
- **License:** BaoCut Community License 1.0 is source-available: personal, internal and content-creation use only; commercializing BaoCut or its code needs a separate license. Third-party notices give no reuse rights in the reconstructed Claude Design code or the icon font.

## Primary sources

1. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design-runtime/README.md>
2. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design-system-runtime/README.md>
3. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/docs/design/canvas/README.md>
4. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/docs/acceptance/acceptance-spec.md>
5. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/skills/baocut/built-in-skills/design/SKILL.md>
6. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/package.json>
7. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design-runtime/package.json>
8. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/apps/design-editor/package.json>
9. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design/src/canvas-check.test.ts>
10. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design/src/canvas-routes.test.ts>
11. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design/src/editor/downloads-bridge.test.ts>
12. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design-system/src/routes.test.ts>
13. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design-system/src/editor/comment-targets.test.ts>
14. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/LICENSE>
15. <https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/THIRD_PARTY_NOTICES.md>
16. <https://github.com/JimLiu/baocut/commit/7aa049e82e1367da013b7aba80f0b79033fa04ad>

## More in Websites

- [whatsapp-web-reveng: documenting the legacy WhatsApp Web protocol](https://awesomerea.org/resources/whatsapp-web-reveng-legacy-protocol-case/index.md) · Case study
- [Ruffle: a Rust reimplementation of Adobe Flash Player](https://awesomerea.org/resources/ruffle-flash-player-case/index.md) · Case study
- [Littlebird.ai static home-page rebuild](https://awesomerea.org/resources/littlebird-static-rebuild-case/index.md) · Case study
- [Sheypoor MCP: mapping marketplace APIs from browser traffic](https://awesomerea.org/resources/sheypoor-mcp-case/index.md) · Case study
- [ZCode-Android: reconstructing the ZCode remote-control client](https://awesomerea.org/resources/zcode-android-case/index.md) · Case study
- [Power BI API Scraper: decoding a published report query format](https://awesomerea.org/resources/power-bi-report-query-case/index.md) · Case study

## About this entry

The description was reviewed against primary sources.
Original editorial content: MIT. Linked projects, papers and assets retain their own rights and licenses.