返回精选库
canvas-design·设计与创意

用 canvas-design 从主题制作静态海报与视觉作品

本文目录

canvas-design 适合活动海报、封面和静态视觉作品。它先把主题转成设计理念,再通过形状、节奏、色彩和留白表达;文字通常只承担标题或必要信息。交付目标是 PNG 或 PDF,以及说明创作方向的 Markdown,不是可以拖拽修改每个图层的设计软件工程。

安装与调用

在 Claude Code 的聊天输入框依次发送下面两条命令。这是插件命令,不是在系统终端运行的 Shell 命令;第二条安装的是包含 canvas-design 的官方技能包。

提示词
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

安装后,在同一项目的会话里明确说“使用 canvas-design”,再提供文件或任务。下面的提示词是可修改的首次输入示例。安装会加入技能说明与资源;它不会替你准备输入资料,也不代表所有依赖已经在本机安装。若找不到技能,先检查插件是否安装并启用,以及会话是否已加载最新插件,再继续任务。

把硬条件和创作空间分开

第一次可以给一个小而完整的任务:

提示词
使用 canvas-design 做一张 A4 竖版读书会海报。
主题是“城市中的安静角落”,必须出现活动名、10月12日19:00和地点。
只用两种主色,文字少而清楚,不使用现成艺术家的作品作仿制目标。
输出 PDF、PNG 预览和简短设计说明,检查文字没有超出画布。

尺寸、日期、地点和必须出现的名称是硬条件;抽象程度、纹理和构图可以留给 Agent 探索。先说明作品将被打印还是在手机上查看,因为两者对文字大小和细节密度的要求不同。如果已有照片或标识,要注明是直接使用还是仅供理解方向,避免模型把参考图当成自由重画素材。

技能的第一阶段会形成设计理念。此时重点确认视觉逻辑是否表达你的主题,不必先纠缠某个装饰的像素位置。确定方向后,要求在画布内完成构图,保留必要的页边距,并检查标题、图形、活动信息之间是否有清楚的主次。随包字体目录提供选择入口,但实际环境是否支持目标文字仍需确认。

用两种尺度看成品

先缩小到手机中常见的观看尺寸,检查活动名和关键信息是否仍能读出;再放大看字形、边缘和元素交叠。海报若只在大图预览里漂亮,却读不清时间地点,就还没有完成实际任务。要求第二轮优先调整已有元素的间距、比例和对比,而不是不断添加图案。

最终保存 PDF 或 PNG,并保留设计理念文件,方便下一张作品沿用同一方向。如果希望生成系列,可明确增加页数,并让各页保持同一视觉语言、采用不同构图;默认仍是单页任务。多页 PDF 不等于原生演示稿,需要演讲备注和可编辑图表时应转向幻灯片工具。

出现中文缺字时,先检查使用的字体是否覆盖字符;发生裁切时,检查真实画布边界而不是只移动预览窗口。若任务包含大量正文,应该先决定哪些信息放正文或附件,再让海报保持必要信息。减少文字是这个技能的设计倾向,不应成为删除用户指定内容的理由。

给第二轮反馈一个明确方向

看完首稿后,把反馈分为三类:内容错误(日期、地点、标识)、阅读问题(小字号、对比不足、信息顺序)和视觉偏好(形状、纹理、氛围)。先修前两类,再讨论喜欢哪种气质。可以让 Agent 同时展示缩小预览和原尺寸预览;一张只在大屏上成立的海报,在手机分享时可能看不清活动信息。

需要系列作品时,先固定画布尺寸、标题位置和色彩规则,再改变每张的核心图形。若导出 PDF 与 PNG,逐一检查两种文件中的中文字符、边界和透明层;只看 Agent 在聊天里展示的图片,不足以证明最终交付文件没有裁切。

区分视觉参考与可使用素材

提供喜欢的海报时,说明你借鉴的是留白、色彩还是节奏,不要默认复制其构图、插画和字形。如果提供照片或 logo,指出必须原样使用的部分与可裁剪范围。第一次输出应先检查活动名称、时间地点等事实是否正确,再对照最初的视觉要求;视觉上惊艳但事实有误的海报无法发布。若还要适配社交媒体封面,应新建对应比例版本,而不是把 A4 成品简单压缩。

多页作品要逐页看最终文件

一项公开演示稿制作把 canvas-design 的构图方法应用到多页内容,发现静态结构检查无法发现文字越界、图案重复 ID 导致纹理消失等问题,必须实际渲染并逐页查看。Skill 原本偏向单张海报或 PDF;如果你要求连续故事、动画或幻灯片,先写清页面顺序和每页必须出现的信息,再把这些作为额外验收条件,而不是只用“视觉好看”判断成功。

你的首次任务进行得怎么样?

选择项通过网站统计帮助我们了解常见卡点。屏蔽统计可能导致无法送达;具体问题请通过邮件反馈。

参考来源

  1. canvas-design — SKILL.mdAnthropic
  2. anthropics/skills READMEAnthropic
  3. Anthropic Agent Skills marketplaceAnthropic
  4. tracks/canvas-design/NOTES.mdmedici-finance / Ian
发现过期或有误的信息?告诉我们