mcpField
C
canvas-design

canvas-design

github.com/composio-community创意与媒体2.0k1.7k 次安装14 周前更新
代码仓库

关于 canvas-design

canvas-design 是一项指导 AI 创作视觉设计理念并将其呈现在画布上的技能。它要求先生成设计理念 Markdown 文件,再制作单页 PDF 或 PNG 成品。

主要功能

  1. 01构思视觉设计理念
  2. 02描述形式、空间与色彩
  3. 03将理念转化为画布作品
  4. 04输出 Markdown 与 PDF 或 PNG

适用场景

  1. 01为主题创建设计理念
  2. 02制作单页视觉海报或图稿
  3. 03生成设计说明及配套成品

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/composio-community/awesome-claude-plugins --skill canvas-design

安装后在 Claude Code 中输入/canvas-design确认已加载。

详细介绍

这些说明用于创作设计哲学——将以视觉形式表达的美学运动。仅输出 .md 文件、.pdf 文件和 .png 文件。

分两步完成:

  1. 创建设计哲学(.md 文件)
  2. 在画布上将其表达出来(.pdf 文件或 .png 文件)

设计哲学创作

首先,创作一种视觉哲学(而非布局或模板),并通过以下方式加以诠释:

  • 形式、空间、色彩、构图
  • 图像、图形、形状、图案
  • 作为视觉点缀的少量文字
关键认知
  • 收到的内容:用户提供的一些细微输入或指示,应予以考虑并作为基础;但不应限制创作自由。
  • 创作的内容:一种设计哲学/美学运动。
  • 接下来的步骤:同一版本随后接收这一哲学,并以视觉形式表达出来——创作的成果应有 90% 是视觉设计,10% 是必要文字。
如何构思视觉哲学

为这一运动命名(1-2 个词):“粗野主义之乐”/“色彩静默”/“代谢之梦”

阐述哲学(4-6 段——简洁而完整):

为捕捉视觉本质,说明这一哲学如何体现在以下方面:

  • 空间与形式
  • 色彩与材质
  • 尺度与节奏
  • 构图与平衡
  • 视觉层级

重要指导原则:

  • 避免冗余:每个设计方面只提及一次。
  • 反复强调精湛工艺:哲学必须多次强调,最终作品应让人觉得耗费了无数小时创作、经过悉心打磨,出自领域顶尖人士之手。
  • 留出创作空间:美学方向要具体明确,同时保持简洁,为诠释留有余地。
哲学示例

“混凝土诗学” 哲学:通过宏伟形式与大胆几何传达信息。 视觉表达:大面积色块、雕塑感排版(巨大的单词、微小的标签)、粗野主义空间分割;融合波兰海报的张力与勒·柯布西耶的风格。

“色彩语言” 哲学:以色彩作为主要的信息系统。 视觉表达:用几何精度构建意义明确的色彩区域。排版极简——仅用小号无衬线标签,让色彩区域传达信息。设想约瑟夫·阿尔伯斯的色彩互动与数据可视化相遇。

“模拟冥想” 哲学:通过肌理与留白营造宁静的视觉沉思。 视觉表达:纸张颗粒、墨迹晕染、大面积留白。以摄影和插画为主。排版轻声低语(小巧、克制,为视觉服务)。日本摄影集美学。

画布创作

确立理念和概念框架后,将其呈现在画布上。运用构思好的设计理念,并遵循以下说明,打造杰作。

重要:无论内容类型为何,即使用户要求创作电影、游戏或书籍相关内容,也应采用精致考究的方式。始终牢记,这应当是一件艺术作品,而不是卡通风格或业余之作。

要创作出博物馆或杂志级别的作品,请以设计理念为基础。制作一份单页、高度视觉化、以设计为核心的 PDF 或 PNG 成品。通常应采用重复图案和完美形状。将抽象的哲学设计视为一部科学圣经。

文字作为语境元素:文字始终应简约,并优先考虑视觉呈现;但应由语境决定它是轻声细语般的标签,还是醒目的字体表达。大多数情况下,字体应纤细。所有字体的运用都必须以设计为核心,并优先传达视觉信息。无论文字大小如何,都不能超出页面边界,也不能相互重叠。

至关重要:为达到人工精心制作的品质(而非 AI 生成的效果),作品应当看起来仿佛历经无数小时打磨。务必呈现出由领域顶尖人士倾注心血、精雕细琢的质感。

将最终成果输出为一个可供下载的 .pdf 或 .png 文件,并附上作为设计理念的 .md 文件。

评论

支持 Markdown