canvas-design 技能实操：让 AI 先写设计哲学再出海报
它把「设计品位」写成了可执行的指令
让 AI 画一张海报，最常见的翻车不是技术不行，而是产出像模板拼贴：字体随手选、颜色一大把、说明文字密密麻麻。canvas-design 是 Anthropic 官方 skills 仓库里的设计技能，做法不太一样——它不教 AI 用什么工具，而是先要求 AI 给一场「艺术运动」写 4–6 段宣言，再让同一个会话按宣言把作品画出来。成品规格也被限制在 90% 视觉、10% 必要文字，只输出 .md、.pdf、.png 三种格式。
这份 SKILL.md 全文 11,939 字符，是同仓库 brand-guidelines 规格（2,235 字符）的五倍，几乎全在讲怎么「先立哲学、再上画布」。这篇教程把它的两步工作流、五条关键段落拆开讲清，然后照它的流程实际走一遍：写哲学文件、从官方字体库下字体、渲染一张单页海报。所有引文与字体清单均来自 GitHub API 抓取的仓库原文。本篇属于 dbyun 的 AI 编程与 Agent 技能教程线，总站纲见 AI 教程总纲。
安装与触发方式
安装路径与同仓库其他技能一致：Claude Code 里先把仓库注册为插件市场（/plugin marketplace add anthropics/skills），再装 example-skills 技能包；Claude.ai 付费计划已内置全部示例技能；API 走 Skills Guide。何时触发写在技能 frontmatter 的 description 里，原文是 "when the user asks to create a poster, piece of art, design, or other static piece"——你提出做海报、艺术品、设计稿这类静态作品，技能就应该被挂上。安装细节和命令行演示见站内姊妹篇 brand-guidelines 教程，此处不重复。
两步工作流：哲学在前，画布在后
SKILL.md 开头就把任务钉死为两步，中间还夹着一个容易被忽略的推导环节：
canvas-design 的两步主流程与五个关键段落（段落标题逐字引自 SKILL.md）
第一步产出一个设计哲学 .md 文件。给运动命名只要 1–2 个词，官方给的示例名是 "Brutalist Joy"、"Chromatic Silence"、"Metabolist Dreams"；哲学正文 4–6 段，只谈空间、形态、色彩、节奏、构图这类语言，不谈具体版式。文件里还附了五个写好的哲学范例（"Concrete Poetry"、"Chromatic Language"、"Analog Meditation"、"Organic Systems"、"Geometric Silence"），每个一段，可以直接当文体参照。
动笔画布之前有个独立段落叫 DEDUCING THE SUBTLE REFERENCE：从用户需求里提炼一个「内嵌在作品中的微妙引用」，懂行的人能感觉出来，不懂的人只看到一幅抽象构图。原文打了个比方——"Think like a jazz musician quoting another song - only those who know will catch it, but everyone appreciates the music"。
哲学怎么写才算合格，官方给了三条硬性指导，逐字引如下：
- **Avoid redundancy**: Each design aspect should be mentioned once.
- **Emphasize craftsmanship REPEATEDLY**: The philosophy MUST stress multiple times that the final work should appear as though it took countless hours to create...
- **Leave creative space**: Remain specific about the aesthetic direction, but concise enough that the next Claude has room to make interpretive choices
翻译过来就是：要点别重复、反复强调「像耗费无数小时的手工制品」、给下一步留诠释余地。哲学写完输出 .md，画布阶段照着执行。
画布阶段的硬规矩
画布阶段的要求集中在 CANVAS CREATION 一段。几条值得单独说：输出默认单页（用户要多页才扩，走 MULTI-PAGE OPTION 衍生同哲学的新页）；视觉语言鼓励借用「系统化观察」的图表感——密集累积的笔触、重复元素、分层图案，配稀疏的临床感排字，像来自一门想象学科的图版；排版上 "nothing falls off the page and nothing overlaps" 被标为 non-negotiable，所有元素必须有呼吸空间和明确分隔。最后的 FINAL STEP 段规定打磨方式：不加新图形，只让已有构图更凝练，"How can I make what's already here more of a piece of art?"
字体不是随便用系统字，SKILL.md 明确要求检索技能自带的 canvas-fonts 目录（"Search the ./canvas-fonts directory"），必要时下载字体让排字本身成为画面的一部分。这个目录经 GitHub API 清点共 31 款 OFL 开源字体，每款都带授权文件，单个体积多在 25–170 KB 之间，整库随技能一起进入工作目录：
canvas-fonts 目录全部 31 款字体（GitHub API 清点，等宽字体名为文件名去后缀）
照它的流程实际走一遍
实测在本机完成，流程严格按技能规定的顺序。第一步先写哲学文件，命名为 "Resonant Silence"（静默共振），4 段，核心句是「把画布当作系统化观察的仪器：同心标记在耐心的网格上累积，密度即信息——标记聚集处意义聚集，标记稀疏处沉默展开」，同时按要求反复强调手工制品般的完成度。
第二步从官方 canvas-fonts 目录下三款字体：IBMPlexSerif-Italic（短语斜体）、GeistMono-Regular（标签等宽字）、InstrumentSerif 备用。字体文件经 GitHub contents API 以 base64 取回，三个文件共约 420KB。渲染用 Python PIL 按哲学执行：12×16 网格共 192 个同心圆标记；节奏按哲学做成两个速度——网格以等距圆心均匀步进当节拍，每个标记的半径与环数却按到焦点的距离做长波衰减，观者先感到节奏、后注意到规律。配色严守哲学限定——纸张底、墨色结构、锈红强调色只花一次（焦点处一枚实心点）；文字只有两处标签和一句斜体短语。成品如下：
实测产物 poster.png（1400×1980）：网格同心圆随焦点衰减，锈红点为唯一强调色，文字仅标本标签与一句斜体短语
把这张成品对照 SKILL.md 的要求逐条检查：单页、90% 视觉（文字只有一句短语加两行标签）、重复图案与精确形状（同一绘制函数 192 次调用）、有限色板（三色）、稀疏临床感排字（等宽字体标签）、元素不越界不重叠（四边 96px 留白）。五个官方哲学示例里 "Geometric Silence" 一段的形容恰好能拿来回评这张图——"Grid-based precision, dramatic negative space... Every alignment the work of countless refinements"，这也算一次自洽。
两条边界要说破
第一条：这个技能不做具体版式。它全程只谈哲学与视觉语言，没有一行关于页边距、字号、栅格系统的数字规范——版式决策全部留给执行时的模型自己。这既是特点也是风险，同一份哲学文件，不同模型渲染出的成品可能差异很大；实测里哲学到像素的转译是我们用 PIL 手写的代码完成的，技能本身不包含任何绘图代码。
第二条：版权立场写在 frontmatter 里，"Create original visual designs, never copying existing artists' work to avoid copyright violations"——只做原创视觉设计，绝不复制现有艺术家的作品。另外同 brand-guidelines 一样，仓库 README 的 Disclaimer 声明这些技能用于演示与教学目的，实际收到的实现与行为可能与仓库所示不同，正式使用前要在自己环境里充分测试。字体倒是无忧：31 款全部带 OFL 授权文件，可商用可再分发。
来源与延伸
本文两步流程、段落标题、哲学示例名、字体指令均引自 anthropics/skills 仓库 canvas-design/SKILL.md（GitHub API 抓取原文）；字体清单来自 canvas-fonts 目录实际清点；实测海报由本机 PIL 渲染。姊妹篇：站内 brand-guidelines 技能教程。