# Design

用户要做界面、网页、海报、图表或信息图、示意图、原型这类视觉设计稿时用：在工作目录写一份设计稿（canvas.json 加每块画板一个...

- Repository: https://github.com/JimLiu/baocut (1645 stars)
- Category: Documents
- License: see repository
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add JimLiu/baocut --skill design -g -a claude-code -y`
Codex: `npx skills add JimLiu/baocut --skill design -g -a codex -y`
Cursor: `npx skills add JimLiu/baocut --skill design -g -a cursor -y`
Gemini CLI: `npx skills add JimLiu/baocut --skill design -g -a gemini-cli -y`

## Description

用户要做界面、网页、海报、图表或信息图、示意图、原型这类视觉设计稿时用：在工作目录写一份设计稿（canvas.json 加每块画板一个 .dc.html），校验通过后线程里出现设计稿卡片，用户在功能区预览、编辑与标注。也用于按用户的意见或设计稿标注改已有的设计稿。幻灯片不用它（用 slides），视频画面里的字卡与动效也不用它（用动效图形）。

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 设计稿

一份设计稿是会话工作目录里的一个目录 `<canvas>/`，里面放的是**它自己的**文件；BaoCut 的 Design（设计稿）编辑器按磁盘上的原样读取它们。编辑器没有 sample、数据库、room 或 hot reload 能力，也没有分享、发布或 Send to。

**只在 `<canvas>/` 下写文件**：写在别处的文件永远不会显示；`<canvas>/assets/` 归 BaoCut（由 design_import_asset 填充）：绝不要往那里写。

## 设计稿存在

在**那份**设计稿上工作，也就是用户或本次对话指明的那个目录（线程里的一张设计稿卡片、一个路径、一个 Space 条目）：绝不在它旁边另建一份。如果还没有设计稿：在工作目录里新建一个目录，按标题起一个简短的名字（`spring-menu/`），不以点开头；同一个会话里的第二份设计稿用它自己的目录，绝不用已经存在的目录。它在 `canvas.json` 里的 `title` = 设计稿的名字（按用户的说法；不要用 "Design" 或 "Untitled"）。这个 `title` **必填**。
读 `<canvas>/canvas.json`：没有它，或 `boards` 为空：如果是刚建的，见「新建」；否则列出它的文件；没有 `.dc.html`：见「新建」。其他情况见「修改」。

告诉用户设计稿上发生了什么，绝不讲背后的机制。
被要求把它发到 Canva 之类的应用：BaoCut 没有 Send to；照实说。不要把设计稿的路径或链接交给任何应用的导入工具。

## 设计稿的文件：确切格式

The rest: https://github.com/JimLiu/baocut/blob/HEAD/skills/baocut/built-in-skills/design/SKILL.md