Skills

Design

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

Install

npx skills add JimLiu/baocut --skill design -g -a claude-code -y
Repository
JimLiu/baocut1.6k
Category
Documents
Updated
3d ago
License
See repository
Context cost
Mediumabout 2,460 tokens
Runs scripts
No, instructions only

What it does

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

设计稿

一份设计稿是会话工作目录里的一个目录 <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;照实说。不要把设计稿的路径或链接交给任何应用的导入工具。

设计稿的文件:确切格式

Read the whole SKILL.md on GitHub

More in Documents