mcpField
C
canvas-design

canvas-design

github.com/snyk创意与媒体3.2k82 次安装2 天前更新
代码仓库

关于 canvas-design

canvas-design 是一项将设计理念转化为画布作品的技能,指导先以 Markdown 撰写理念,再制作单页 PDF 或 PNG;用户提出时也可扩展为多页。

主要功能

  1. 01理念撰写与画布制作两步流程
  2. 02以视觉表达为主的理念指导
  3. 03发展含蓄的概念线索
  4. 04生成单页 PDF 或 PNG
  5. 05按需制作多页作品

适用场景

  1. 01创作视觉运动宣言
  2. 02将隐含主题转化为抽象作品
  3. 03制作精修的单页设计作品

安装

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

$npx skills add https://github.com/snyk/agent-scan --skill canvas-design

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

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

LICENSE.txt
canvas-fonts/
ArsenalSC-OFL.txt
BigShoulders-OFL.txt
Boldonse-OFL.txt
BricolageGrotesque-OFL.txt
CrimsonPro-OFL.txt
DMMono-OFL.txt
EricaOne-OFL.txt
GeistMono-OFL.txt
Gloock-OFL.txt
IBMPlexMono-OFL.txt
InstrumentSans-OFL.txt
Italiana-OFL.txt
JetBrainsMono-OFL.txt
Jura-OFL.txt
LibreBaskerville-OFL.txt
Lora-OFL.txt
NationalPark-OFL.txt
NothingYouCouldDo-OFL.txt
Outfit-OFL.txt
PixelifySans-OFL.txt
PoiretOne-OFL.txt
RedHatMono-OFL.txt
Silkscreen-OFL.txt
SmoochSans-OFL.txt
Tektur-OFL.txt
WorkSans-OFL.txt
YoungSerif-OFL.txt

详细介绍

这些是关于创作设计哲学的指引。设计哲学是一种美学运动,随后要通过视觉方式加以表达。只输出 .md 文件、.pdf 文件和 .png 文件。

请分两步完成:

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

首先,完成以下任务:

设计哲学创作

首先,创作一种视觉哲学(而非版式或模板),它将通过以下方式得到诠释:

  • 形式、空间、色彩、构图
  • 图像、图形、形状、图案
  • 作为视觉点缀的少量文字
核心理解
  • 接收的内容:用户提供的一些细微输入或指令。应将其纳入考虑,但只作为基础,不应限制创作自由。
  • 创作的内容:一种设计哲学或美学运动。
  • 随后的步骤:同一个版本接收该哲学,并将其视觉化表达,产出的成果应为 90% 视觉设计、10% 必要文字。

可参考以下方法:

  • 为一场艺术运动撰写宣言
  • 下一阶段即是创作艺术作品本身

该哲学必须强调:视觉表达、空间传达、艺术诠释、极少的文字。

如何生成视觉哲学

为运动命名(1 至 2 个词):“粗野主义之喜”/“色彩的沉默”/“新陈代谢派之梦”

阐述哲学(4 至 6 段,简明而完整):

为捕捉其视觉本质,请阐明该哲学如何通过以下方面体现:

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

关键准则:

  • 避免重复:每个设计维度只需提及一次。除非能带来新的深度,否则不要反复讨论色彩理论、空间关系或字体排版原则。
  • 反复强调工艺:该哲学必须多次强调,最终作品应呈现出耗费无数时间打磨、倾注细心、出自该领域顶尖人才之手的效果。这一框架至关重要,应反复使用“精心打造”“深厚专业积累的成果”“不遗余力的细致”“大师级的执行”等措辞。
  • 保留创作空间:对美学方向保持具体,但表述应足够精炼,使下一个 Claude 能够在极高的工艺水准上,仍有余地做出诠释性的选择。

该哲学必须引导下一个版本通过视觉而非文字来表达想法。信息存在于设计之中,而非段落之中。

设计哲学示例

"具象诗" 哲学:通过纪念碑式的形态与大胆的几何结构进行传达。 视觉表达:大面积色块、雕塑感的字体排版(巨大的单个词语,微小的标签)、粗野主义的空间划分,融合波兰海报的张力与勒·柯布西耶的风格。观念通过视觉重量与空间张力来表达,而非解释。文字是稀少而有力的手势,绝不是段落,只有必要的词语,并融入视觉架构之中。每个元素的位置都如同大师工匠般精确。

"色彩语言" 哲学:色彩是首要的信息系统。 视觉表达:几何精确性,色域承载意义。字体极简,使用小型无衬线标签,让色块场域自行传达信息。可以参考约瑟夫·阿尔伯斯的互动色彩研究与数据可视化的结合。信息以空间和色彩的方式编码。文字只用于锚定色彩已经呈现的内容。成果来自细致入微的色彩校准。

"模拟冥想" 哲学:通过纹理与留白实现安静的视觉沉思。 视觉表达:纸张纹理、墨迹晕染、大面积负空间。摄影与插画占据主导。字体轻柔克制(小巧、节制,服务于视觉)。带有日本摄影集的审美气质。图像在页面间呼吸。文字稀疏出现,只有简短短语,绝不是解释性的文本块。每个构图都以冥想修行般的用心来平衡。

"有机系统" 哲学:自然的聚集与模块化的生长模式。 视觉表达:圆润的形态、有机的排布,色彩源自自然,并经由建筑呈现。信息通过视觉图示、空间关系与图标来展示。文字仅用于漂浮在空间中的关键标签。构图借助精湛的空间编排讲述故事。

"几何寂静" 哲学:纯粹的秩序与克制。 视觉表达:基于网格的精确性,大胆的摄影或简练的图形,戏剧性的负空间。字体精确而极简,只有少量关键文字,配以大片安静的区域。融合瑞士形式主义与粗野主义的材料诚实。结构进行传达,而非文字。每一次对齐都是无数次打磨的成果。

以上为精简示例。正式的设计哲学应包含 4 至 6 段充实的文字。

核心原则
  • 视觉哲学:创造一种通过设计来表达的审美世界观
  • 极简文字:始终强调文字稀少、只保留必要内容,并作为视觉元素融入其中,绝不冗长
  • 空间表达:观念通过空间、形态、色彩与构图来传达,而非段落
  • 艺术自由:下一位 Claude 将以视觉方式诠释该哲学,应给予充分的创作空间
  • 纯粹设计:此举旨在创作艺术物件,而非带有装饰的文档
  • 精湛工艺:反复强调最终作品必须呈现精心打磨、一丝不苟的质感,宛如该领域顶尖的人士耗费无数时日的成果

设计哲学应为 4 至 6 段。 以富有诗意的设计哲学填充内容,汇聚核心愿景。避免重复相同的观点。保持设计哲学的通用性,不提及艺术的具体意图,使其可以用于任何场合。将设计哲学输出为 .md 文件。


推断隐晦的指涉

关键步骤:在创建画布之前,先从原始请求中识别出隐晦的概念线索。

核心原则: 主题是嵌入在艺术作品本身中的、隐晦而小众的指涉,不一定是字面的,但必定是精巧的。熟悉该主题的人应能直观地感受到它,而其他人只会体验到一幅精湛的抽象构图。设计理念提供美学语言,推断出的主题则提供灵魂,即悄然融入形式、色彩与构图之中的安静概念基因。

这一点非常重要:指涉必须经过打磨,以增强作品的深度,而不能刻意张扬。就像爵士乐手引用另一首歌曲的旋律:只有懂的人才会听出来,但所有人都能欣赏音乐本身。


画布创作

确立理念与概念框架后,将其呈现于画布之上。花些时间梳理思绪、静下心来。运用创作出的设计理念和以下说明,精心打造一件杰作,以精湛技艺呈现理念的方方面面。

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

要创作出博物馆或杂志级的作品,请以设计理念为基础。制作一份单页、视觉效果突出、设计感十足的 PDF 或 PNG 文件(除非用户要求多页)。通常应采用重复图案和规整的几何形状。将抽象的哲学设计视为一部科学圣典,借鉴系统观察的视觉语言——通过密集累积的笔触、重复元素或层叠图案,以耐心的重复构建意义,并在细细观赏中带来回报。采用疏朗、冷静的字体和系统化的参考标记,让作品仿佛出自某门虚构学科的图表;以记录可观察现象时通常才有的敬意,描绘不可见的主题。用简短的短语或细节为作品定锚,并将其含蓄地置于画面中;使用有限而协调的色彩方案,呈现明确的设计意图。拥抱这种悖论:以分析性的视觉语言表达有关人类经验的理念。最终作品应像一件实物,证明短暂易逝之物也能通过细致观察得到研究、绘制和理解。这才是真正的艺术。

文字作为语境元素:文字始终应当精简,并以视觉呈现为先;但应根据具体语境,决定采用轻声细语般的标签,还是醒目的排版手法。朋克演出场地的海报,字体可以比极简主义陶艺工作室的标识更大、更具冲击力。大多数情况下,字体应当纤细。所有字体的运用都必须具有设计感,并优先服务于视觉传达。无论文字大小,都不能超出页面或彼此重叠。每个元素都必须完整地置于画布边界内,并留出适当页边距。仔细检查所有文字、图形和视觉元素,确保留有呼吸空间、彼此清晰分隔。这是专业创作不可妥协的要求。重要提示:若要加入文字,请使用不同字体。请搜索 ./canvas-fonts 目录。无论采用何种创作方式,精致感都不可妥协。

下载并使用实现这一目标所需的字体。发挥创意,让字体真正融入艺术作品本身——如果作品是抽象的,就将字体呈现于画布上,而不是仅以数字排版的方式加入。

为了突破边界,在以理念为指导原则的同时,遵从设计本能与直觉。尽情发挥设计上的自由,自主做出选择。推动美学与设计迈向前沿。

关键要求:要达到人工创作的品质(而非 AI 生成的效果),创作出看起来耗费了无数时间的作品。作品应当给人这样的印象:领域顶尖人士倾注心血,以极其细致的态度打磨每处细节。确保构图、间距、色彩选择、字体排版——一切都展现出专家级的精湛技艺。仔细检查,确保没有重叠、格式无误、每处细节都尽善尽美。创作出可以向他人展示、证明专业能力,并令人毫不怀疑其出众水准的作品。

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

最后一步

重要:用户已经说过:"It isn't perfect enough. It must be pristine, a masterpiece if craftsmanship, as if it were about to be displayed in a museum."(这还不够完美。它必须纯粹无瑕,是匠心杰作,仿佛即将在博物馆中展出。)

关键:优化时不要再添加图形元素;应当打磨已有的作品,使其极致清晰,完全遵循设计理念与极简主义原则。与其添加有趣的滤镜或重新设计字体,不如思考如何让现有构图与艺术作品更加协调。如果你的第一反应是调用新函数或绘制新图形,请停下来,转而自问:"如何让这里已有的内容更像一件艺术品?"

再做一次复查。回到代码中,进一步打磨和润色,使其成为一件经过哲学化设计的杰作。

多页选项

当被要求创建更多页面时,请沿袭设计理念创作风格相近但又明显不同的创意页面。将这些页面合并到同一个 .pdf 或多张 .png 中。把第一页视为一整本画册中的单页,等待被填充。让后续页面成为原作的独特变奏与回忆,并以极具品味的方式讲述一个故事。充分发挥完全的创作自由。

评论

支持 Markdown