{
  "added_at": "2026-10-18",
  "additional_evidence_urls": [
    "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design-system-runtime/README.md",
    "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/docs/design/canvas/README.md",
    "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/docs/acceptance/acceptance-spec.md",
    "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/skills/baocut/built-in-skills/design/SKILL.md",
    "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/package.json",
    "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design-runtime/package.json",
    "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/apps/design-editor/package.json",
    "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design/src/canvas-check.test.ts",
    "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design/src/canvas-routes.test.ts",
    "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design/src/editor/downloads-bridge.test.ts",
    "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design-system/src/routes.test.ts",
    "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design-system/src/editor/comment-targets.test.ts",
    "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/LICENSE",
    "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/THIRD_PARTY_NOTICES.md",
    "https://github.com/JimLiu/baocut/commit/7aa049e82e1367da013b7aba80f0b79033fa04ad"
  ],
  "category": "reconstruction-cases",
  "description_en": "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.",
  "description_zh": "记录 BaoCut 的设计稿（画布）与设计系统编辑器；项目称其按 1:1 移植自 Claude Design 编辑器的 TypeScript 重建，并在智能体会话中提供标注与导出。运行时说明记录了对照原脚本修正的标识符，以及画布主页面 20463 个函数中有 19111 个结构完全一致的比对结果。未审阅的差异、未公开的重建记录及复用权利仍待确认；不主张恢复任何托管后端。",
  "entry_url": "https://awesomerea.org/resources/baocut-design-canvas-case/",
  "entry_url_zh": "https://awesomerea.org/zh/resources/baocut-design-canvas-case/",
  "evidence_url": "https://github.com/JimLiu/baocut/blob/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design-runtime/README.md",
  "group": "cases",
  "id": "baocut-design-canvas-case",
  "json_url": "https://awesomerea.org/resources/baocut-design-canvas-case/record.json",
  "kind": "case-study",
  "markdown_url": "https://awesomerea.org/resources/baocut-design-canvas-case/index.md",
  "markdown_url_zh": "https://awesomerea.org/zh/resources/baocut-design-canvas-case/index.md",
  "name": "BaoCut Design: porting reconstructed canvas and design-system editors",
  "name_zh": "BaoCut Design：移植重建的设计稿与设计系统编辑器",
  "record_type": "resource",
  "relationship": "independent-reconstruction",
  "requirement_facets": [
    "scope",
    "scope",
    "prerequisites",
    "license"
  ],
  "requirements": [
    "The source reconstructions (src/design-type, src/design-system-type) and their evidence are unpublished, and no original release is named.",
    "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.",
    "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.",
    "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."
  ],
  "requirements_zh": [
    "作为来源的重建工程（src/design-type、src/design-system-type）及其证据未公开，也未写明对应的原版版本。",
    "BaoCut shim 取代 globalThis.claude 宿主接口，父窗口 origin 白名单为空，使用分析关闭，多人房间、sample 及托管设计系统安装均被去除。系统字体取代 Anthropic Sans，但仍内联 Anthropicons 图标字体，其许可待确认且计划替换；请使用已获独立授权的内容。",
    "需要 Node.js >=22.12.0、npm 工作区依赖以及 apps/design-editor 与 apps/design-system-editor 的构建；画布在 React 19 之外为画板保留 React 18.3.1，并使用 Babel standalone 7.29.0。完整构建另需 Rust、CMake 及平台工具；智能体制作设计稿使用已配置的本机智能体 CLI（如 Codex）。",
    "BaoCut Community License 1.0 是源码可见许可：仅允许个人、内部使用及内容创作，将 BaoCut 或其代码商业化需另行许可。第三方声明不能确立所重建的 Claude Design 代码或图标字体的复用权。"
  ],
  "targets": [
    "app",
    "website"
  ],
  "url": "https://github.com/JimLiu/baocut/tree/7aa049e82e1367da013b7aba80f0b79033fa04ad/packages/design-runtime",
  "verification": "source-reviewed",
  "verified_at": "2026-10-18"
}
