画布设计技能

画布设计是示例 Claude Skills 包，用来出静态 PNG/PDF，不是旧设计 SaaS。2026-08-18 复核：github.com/anthropics/skills 有 169,913 stars。skills/canvas-design/SKILL.md 仍写：先写 design philosophy（.md），再 表达 成 .pdf 或 .png。frontmatter 要求做 原创 视觉，不要抄现有艺术家。产出是文件，不是托管画布产品。

如果要 p5.js 而不是静态海报，对比 Algorithmic Art；如果要写作流程，对比 Doc Co-Authoring；加载方式看 Claude Skills。

核心功能

• 按原文两步：先理念，再画布文件。若按活技能走，不要跳过宣言。
• 只有 PNG 和 PDF：文件写只输出 .md、.pdf、.png。不是动态或 Web 应用构建器。
• 版权句是第一方的：SKILL.md 简介写 “never copying existing artists' work”。保留这句，丢掉“精美绝伦”的手册腔。
• 和其他示例同一仓库：路径 skills/canvas-design 仍在 main。没有单独美元席位。

适用场景

• 想用 Claude Code 出海报或静态作品 的人。
• 其实该选 Algorithmic Art、因为要的是流场的人。
• 只装一个 Anthropic 示例、不是设计订阅的团队。

局限：质量取决于宿主模型和你自己的审稿。我们没有编印刷厂色域保证。

定价方案

GitHub，2026-08-18。

如果旧博客还把画布设计卖成 Canva 竞品，以本表为准。

快速开始

1. 打开 github.com/anthropics/skills/tree/main/skills/canvas-design。
2. 安装/加载再核 Claude Skills。
3. 如果要代码生成动态，而不是海报，再核 Algorithmic Art。
4. 不要把旧的“计算美学工作室”当成公司名。

常见问题

它是设计工具网站吗？

不是。它是一份 SKILL.md，让 Claude 写理念并输出 PNG/PDF。

和 Algorithmic Art 一样吗？

不一样。Algorithmic Art 输出 .md + .html + .js（p5.js）。画布设计输出静态文档。

有免费方案吗？

示例是公开的。agent 另计费。

替代方案

• Algorithmic Art：生成式 p5.js 示例。
• Doc Co-Authoring：写作流程示例。
• Claude Skills：平台文档。

使用技巧

1. 引用 SKILL.md 上的“先理念再画布”两步。
2. 保留原创警告。
3. 先核 Claude Code 定价，再编设计席位。

总结

画布设计是 Anthropic 示例技能，先印理念再出 PNG/PDF，不是旧设计 SaaS。从 github.com/anthropics/skills/tree/main/skills/canvas-design 开始，再决定 Algorithmic Art 是否已经覆盖生成式场景。