一般的 AI 绘图，你给一句话，它给你一张插画。canvas-design 走的不是这条路：它是 Anthropic 官方出的设计技能，先为你的需求定一套”设计哲学”——一个有名字、有主张的视觉风格流派，写成一份简短的设计宣言，然后严格按这套哲学把图做出来。产出是 PNG 或 PDF 成品：海报、封面、单页视觉图这类”设计品”，画面占九成，文字只留最必要的几个词，并且字体、留白、排版都是按设计在走，而不是随手拼贴。

能干什么

一句话：把一句模糊的”想要张好看的图”，变成一张有明确风格主张的海报级设计图。它工作分两步：第一步先写设计哲学（.md 文件），定下风格流派的名字和它在空间、色彩、构图、字体上的规矩；第二步按哲学动手做图，同时把你需求里那个”言外之意”的主题悄悄织进画面——懂的人能会心一笑，不懂的人看到的也是一张构图讲究的抽象设计。另外它自带了一个 canvas-fonts 字体库（几十款开源字体），画面里的文字会从里面挑设计感强的字体来排，不是默认字体凑合。成品之外，那份设计哲学 .md 也会一并给你，同一套风格想再做第二张、第三张，沿着它走就行。

举个按它方法推演的例子。你是自媒体作者，周末要办一场线下读书会，想做一张竖版海报发朋友圈和小红书。你说：”做一张读书会海报，主题是’深夜书房’，安静、高级一点，时间地点我等下发你。”它先产出一份设计哲学，比如定名”静默书房”：大面积深色留白、单一暖光色作为视觉锚点、文字只留活动名和一行小字、字体用细瘦的衬线体营造纸质感。然后按这套哲学出图：画面是深色调、大片呼吸感的负空间，标题几个字排得克制而醒目，时间地点以小字安置在角落。出来的是”设计过的海报”，不是”配了字的照片”。

下载

下载在页首面板，下载包里就是官方仓库的原文件夹（含 canvas-fonts 字体库，这部分体积不小，是出图排版要用的），下面只说装法和用法。

安装

先说清一件好事：这个技能用的是 SKILL.md 开放标准格式（标准在 agentskills.io），同一个技能文件夹，Claude、Codex、Cursor 等一堆客户端都认，差别只在放哪个目录、怎么导入。下面按客户端分开写，对照你自己用的那个看就行。

Claude

Claude.ai 网页版 / 桌面版：把 canvas-design 文件夹压缩成 zip（SKILL.md 在文件夹根部，canvas-fonts 子文件夹要完整保留——整个文件夹有 5MB 多，上传要等一会儿），打开 Claude.ai，进「设置 → 功能 → 技能」，点「上传技能」选这个 zip，上传后在技能列表里把开关打开。前提：自定义技能需要付费计划（Pro、Max、Team、Enterprise），并且必须开启代码执行——这个技能靠代码在画布上排版出图，没开它干不了活。Claude Code：把文件夹整个放进 ~/.claude/skills/（路径是 ~/.claude/skills/canvas-design/SKILL.md），新开一个会话即可，它会自动扫描加载。

Codex

把技能文件夹放进仓库或项目里的 .agents/skills/，或者用户级的 ~/.agents/skills/，Codex 会自动发现。对话里输入 $ 可以点名某个技能，任务对得上时它也会自动选用。

Cursor

把文件夹放进项目的 .cursor/skills/ 或 .agents/skills/（它还直接认 .claude/skills/ 里现成的技能）。在 Agent 对话里输入 / 搜技能名就能调用，平时也会按相关性自动应用。

Gemini CLI

把文件夹放进 ~/.agents/skills/ 或 ~/.gemini/skills/；也可以用 gemini skills install 从 Git 仓库直接安装。技能被触发时，界面会弹一次确认，批准后才正式加载。

GitHub Copilot

项目里把技能文件夹放进 .github/skills/ 或 .agents/skills/，个人用放 ~/.copilot/skills/。对话里可以用 /技能名 指定使用，平时也会按需求自动加载。

Windsurf

把文件夹放进 .agents/skills/（旧的 .windsurf/skills/ 目录也认）。用 /技能名 调用，或者等它按任务自动加载。

国产客户端

下面这几个也都认同一个格式，按你用的那个装：

  • 通义灵码 / Qoder：文件夹放 ~/.lingma/skills/，重启 IDE 后在对话框输入 / 就能看到已加载的技能，点名或自动都能触发。
  • Trae：文件夹放项目的 .trae/skills/，或者在「设置 → 技能与命令」里导入技能 zip；对话里点名即可用。
  • 腾讯 CodeBuddy：文件夹放 .codebuddy/skills/（项目级或用户级都行），它会按任务自动选用。
  • Cherry Studio：进「设置 → 技能」，用本地 ZIP 或文件夹安装，再到你要用的那个 Agent 里把这个技能启用。这个技能是纯指令型的，装上就能正常用。

ChatGPT

ChatGPT 本体的技能入口目前只对 Business、Enterprise 等工作区版开放（可以在技能页上传技能包），个人版暂时没有这个入口。如果你用的是 ChatGPT 桌面 App 里的 Codex，按上面 Codex 那一节装就行。

调用与使用

两种叫法。自动触发：当你明确说要做海报、封面、设计图、视觉图时，它会自己启用。点名更稳妥：”用 canvas-design 给我做一张……”

一段完整的对话例子：

  • 你：用 canvas-design 给我的播客做一张单集封面图，方形。这期聊城市夜跑，标题就四个字”夜跑的人”，不要副标题。
  • Claude：先给你一份设计哲学（.md）：比如定名”夜的秩序”，深蓝底、荧光色细线勾勒跑道轨迹、文字只留标题、字体选瘦高的无衬线体。问你这个方向行不行。
  • 你：方向可以，但荧光绿太扎眼，换成暖橙。
  • Claude：在哲学里把点缀色改掉，按新版出图，给你一张方形 PNG，顺带把更新后的设计哲学文件一起给你。
  • 你：标题再大一点，往下挪一点。
  • Claude：不重画整张，只精修构图和字号位置，出第二版。

用它有个预期要先立好：它出的是成品图，不是模板。想批量套字、频繁改文案的场景（比如每天换标题的日更封面），它不如模板工具顺手；它的长处是单张的质感和风格完整度。另外画面里带文字时，出图后务必逐字核对——这类工具把中文写错、写漏是常见毛病，核对不过就让它重出，别自己将就。

调教成自己的

这个技能的调教点在 SKILL.md 里”设计哲学怎么生成”那部分规则，和 canvas-fonts 字体库，两处都好下手：

第一处：给哲学生成加你的固定偏好。技能默认每次从零发明风格，你可以把长期偏好写进 SKILL.md，让它每次都在你的地盘里发挥。改前改后对比：

  • 改前：哲学生成部分只有官方的通用要求（要有流派名、4–6 段、强调工艺感），每次出的风格随机性很大。
  • 改后：在那部分末尾加一段自己的规矩，比如：”本账号的固定偏好：底色只用深色系；点缀色只用暖橙 #E85D10；文字一律不超过两行；禁止出现人物面部和写实照片元素。”之后每次出图自动守这些边界，不用每回重新交代。

第二处：往 canvas-fonts 里加你惯用的字体。把字体文件（注意只加有授权的字体，比如开源字体）放进 canvas-fonts 文件夹，它挑字时就能选到。注意：文件夹里原装的字体都附带 OFL 许可证文件（文件名带 -OFL.txt），你自己加的字体请同样只用可商用的，许可证来路不明的字体不要往里放，更不要往外分发。

还有一个轻量调法不用改文件：把你满意的那次的设计哲学 .md 留好，下次直接发给它说”按这份哲学再做一张”，同系列图就成套了——对做系列封面的自媒体来说，这是最省事的用法。