前言¶
在 Cursor、Claude Code 等 AI 编程工具里写代码、改文档已经不算新鲜，但要做一张像样的海报、活动主视觉或品牌插画，很多人还是会切到 Figma、Canva，或者反复跟通用对话模型描述「再大气一点」「字别挡图」。问题在于：AI 擅长生成文字和代码，却不一定自带稳定的设计流程——排版规则、字体选择、留白比例，每次都要从零讲一遍。
Anthropic 在官方 Skills 仓库里提供了一个叫 canvas-design 的示例 Skill。它把「先确立设计哲学，再在画布上表达」这套工作流写进 SKILL.md，让 Agent 按固定步骤产出 .md 设计宣言和 .pdf / .png 成品。本文基于官方仓库原文核实，介绍它是什么、怎么装、怎么用，以及适合哪些场景。
这是什么¶
canvas-design 是 Anthropic 维护的 Agent Skill，仓库地址：
https://github.com/anthropics/skills/tree/main/skills/canvas-design
官方 frontmatter 中的描述是：基于设计哲学（design philosophy），在 .png 和 .pdf 中创作视觉作品；当用户要求做海报、艺术品、设计或其他静态视觉内容时使用；需创作原创视觉，不得复制现有艺术家作品以避免版权风险。
它属于 anthropics/skills 仓库中的 Creative & Design 示例 Skill，采用 Apache 2.0 许可证（见目录内 LICENSE.txt）。Skill 本体是一个文件夹，核心文件是 SKILL.md，另附带 canvas-fonts/ 字体资源目录（内含多款 OFL 授权 .ttf 及对应许可说明）。
与「直接让 AI 画一张图」不同，canvas-design 强调两步走：
- 设计哲学创作：先写一份 4–6 段的美学运动宣言（输出
.md），定义形式、空间、色彩、构图等视觉语言。 - 画布表达：在同一套哲学指导下，把理念落到单页
.pdf或.png（默认单页，可按需扩展多页）。
最终交付物以视觉为主：官方要求成品约 90% 视觉设计、10% 必要文字，文字仅作点缀，信息通过空间与形式传达，而不是大段说明。
核心功能与亮点¶
1. 设计哲学优先，而非套模板¶
Skill 明确要求创建的是 visual philosophy（视觉哲学），不是布局模板。Agent 需要为运动命名（1–2 个词，如官方示例中的 “Brutalist Joy”、”Chromatic Silence”），再用 4–6 段文字阐述该哲学如何通过空间与形式、色彩与材质、尺度与节奏、构图与平衡、视觉层级来呈现。
哲学文档应强调：最终作品须呈现 大师级工艺感——反复提及「精心打磨」「深度专业」「 painstaking attention」等表述，为后续画布阶段设定品质基准，同时给执行阶段保留 interpretive room（interpretive choices）。
2. 隐性主题嵌入，提升作品深度¶
在落笔画布前，Skill 要求从用户原始需求中 deduce subtle conceptual thread（推断隐性概念线索）。主题不应直白标注，而应像爵士乐里的引述——熟悉者能感知，路人仍觉得是一幅优秀的抽象构图。设计哲学提供美学语言，隐性主题提供作品的「灵魂」。
3. 博物馆级单页视觉输出¶
画布阶段的目标，官方表述为 museum or magazine quality（博物馆或杂志级品质）。具体约束包括：
- 默认输出 单页 高视觉密度 PDF 或 PNG（用户要求时可做多页）。
- 文字极简，且所有元素必须在画布边界内，不得重叠、不得溢出，留足边距。
- 优先使用
./canvas-fonts目录中的字体；可下载所需字体，Typography 本身应成为画面的一部分。 - 倾向重复图案、精确几何、有限但 intentional 的色板；可借用「科学图鉴」式视觉语言（系统标记、clinical typography）表达抽象主题。
- 即使用户提到电影、游戏、书籍等题材，风格仍须 sophisticated，避免卡通化或业余感。
4. 二次精修，而非堆素材¶
官方 FINAL STEP 规定：用户隐含要求「还不够完美，必须 pristine」。 refine 时应 避免继续堆图形，而是在现有构图上抛光——让排版更 crisp、色彩更 cohesive，而不是再加滤镜或新形状。Skill 要求 Agent 做 second pass，回到生成代码/绘制的实现里继续打磨。
5. bundled 字体与版权意识¶
canvas-fonts/ 目录预置 Work Sans、JetBrains Mono、Instrument Sans 等多款字体及 OFL 许可文件，便于 Agent 本地选用，无需每次临时找字库。同时 Skill 在 description 中强调 原创、不抄袭现有艺术家作品，这是使用时的合规底线。
安装与启用¶
canvas-design 遵循通用 Agent Skill 格式（SKILL.md + 资源目录），可在 Cursor、Claude Code、Claude.ai 等支持 Skills 的环境中使用。以下方式均来自官方 README 或各工具公开文档，按环境选择其一即可。
目录结构¶
安装完成后，Skill 目录应至少包含：
canvas-design/
├── SKILL.md
├── LICENSE.txt
└── canvas-fonts/
├── WorkSans-Regular.ttf
├── JetBrainsMono-Regular.ttf
└── ...（更多 OFL 字体及许可说明）
注意：必须连同 canvas-fonts/ 一并复制，否则 Agent 无法按 Skill 要求检索本地字体。
在 Cursor 中使用¶
Cursor 会从 .cursor/skills/（项目级）或 ~/.cursor/skills/（用户级）自动发现 Skill。推荐将完整目录放入项目仓库，便于团队共享：
# 克隆官方仓库（浅克隆即可）
git clone --depth 1 https://github.com/anthropics/skills.git /tmp/anthropics-skills
# 复制 canvas-design 整个目录到 Cursor Skills 路径
mkdir -p .cursor/skills/canvas-design
cp -r /tmp/anthropics-skills/skills/canvas-design/* .cursor/skills/canvas-design/
重启 Cursor 或重新打开项目后，Agent 会根据 description 自动匹配视觉设计类任务；也可在对话中显式调用 /canvas-design 或 @canvas-design（具体以当前 Cursor 版本为准）。
name 字段须与文件夹名一致，均为 canvas-design（小写、连字符）。
在 Claude Code 中使用¶
官方 README 提供 Plugin 安装方式。canvas-design 属于 example-skills 插件集（Creative & Design 示例）：
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills
安装后，在对话中提及海报、视觉设计等需求，或直接说明「使用 canvas-design skill」即可触发。
在 Claude.ai 与 API 中¶
官方说明：anthropics/skills 中的 example skills 对已付费 Claude.ai 计划用户 已经内置可用。自定义 Skill 的上传与 API 用法见 Anthropic 文档 Using skills in Claude 与 Skills API Quickstart。
典型用法示例¶
canvas-design 没有单独的 CLI 命令，使用方式是 自然语言描述需求 + Skill 被加载后 Agent 按 SKILL.md 执行。下列提示词方向与官方 description 及工作流一致，可直接复现。
示例 1：活动海报¶
使用 canvas-design skill，为一场关于「本地 LLM 推理优化」的技术 Meetup 做一张单页海报。
风格偏瑞士国际主义，主色深蓝与少量橙色点缀。
输出设计哲学 .md 和最终 PNG。
Agent 预期行为：
- 撰写设计哲学
.md（命名美学运动、4–6 段阐述）。 - 从需求中提炼隐性主题（如「边缘计算」「延迟」）， subtle 嵌入构图。
- 用 Python 等工具绘制画布，从
./canvas-fonts选字体，导出.png。 - 二次精修，检查无元素重叠、边距合格。
示例 2：品牌视觉单页¶
帮我做一页 PDF 视觉作品，主题是「开源协作」，不要文字段落，只允许少量标签式文字。
先写 design philosophy，再生成 PDF。
示例 3：多页画册（可选）¶
官方 MULTI-PAGE OPTION 说明：用户明确要求多页时，可在同一设计哲学下做 distinctly different 的后续页面，像咖啡桌画册的内页，叙事 tasteful、各页有 twist。可提示：
在 canvas-design 流程下，基于同一份设计哲学，再追加 2 页不同构图的 PNG，三页风格统一但有变化。
工作流小结¶
| 阶段 | 输出 | 要点 |
|---|---|---|
| 设计哲学 | .md |
4–6 段；命名运动；强调工艺与极简文字 |
| 隐性主题 | （内化） | 不直白标注，增强深度 |
| 画布创作 | .pdf 或 .png |
单页默认；本地字体；无重叠 |
| 精修 | 更新同上 | 抛光现有构图，不堆新图形 |
适用场景与注意事项¶
适合谁、什么场景¶
- 开发者 / 技术布道者：快速出 Meetup 海报、开源项目发布图、演讲封面，无需切换设计工具。
- 独立创作者：需要「有美学立场」的静态视觉，而非通用文生图的随机风格。
- 团队：把品牌倾向写进自定义 fork 的
SKILL.md，在 Cursor 项目级共享，减少反复口头对齐设计规范的成本。
限制与注意¶
- 演示性质：官方 README 声明仓库内 Skill 仅供演示与教育；Claude 产品内的实际行为可能与 Skill 原文不完全一致，关键任务需在自己环境 充分测试。
- 不是文生图 API 替代品：产出依赖 Agent 调用代码/绘图库生成矢量或位图，质量与模型能力、执行环境（字体、依赖库）相关，无法保证每次均达「博物馆级」。
- 版权与原创：Skill 要求原创、禁止复制现有艺术家作品；使用
canvas-fonts中的字体时，应遵守各字体 OFL 许可（目录内*-OFL.txt）。 - 资源体积：完整复制含
canvas-fonts后体积较大，若只需轻量试用，可只保留常用几款字体，但可能影响 Skill 原文「Search the ./canvas-fonts directory」的完整性。 - 输出格式：Skill 规定仅输出
.md、.pdf、.png；不支持直接交 Figma 或 SVG 源文件（除非 Agent 自行扩展，已超出官方 Skill 范围）。
结尾¶
canvas-design 的价值，在于把 设计思维编码成可复用的 Agent 指令：先写哲学、再落画布、最后精修——这条链路让 AI 编程工具跨界承担静态视觉创作，而不只是生成「能看」的图。对于已在用 Cursor 或 Claude Code 的开发者，装一个文件夹就能多一条稳定的设计产线。
官方 Skill 目录：
https://github.com/anthropics/skills/tree/main/skills/canvas-design
上级仓库与安装说明：
https://github.com/anthropics/skills
Agent Skills 开放标准与跨工具规范，可参考 agentskills.io。
