关于 canvas-design
这项设计技能先将简短需求转化为视觉理念,再创作单页 PDF 或 PNG。它强调以空间和构图传达内容、减少文字,并仔细打磨成品。
主要功能
- 01以 Markdown 编写视觉理念
- 02将概念转化为画布作品
- 03输出单页 PDF 或 PNG
- 04以精简文字和构图表达
- 05通过二次检查润饰作品
适用场景
- 01从简短需求发展艺术方向
- 02制作精致的单页视觉作品
- 03以抽象设计呈现隐晦主题
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ full-stack-skills/ design-skills --skill canvas-design安装后在 Claude Code 中输入/canvas-design确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
LICENSE.txtagents/openai.yamlcanvas-fonts/ArsenalSC-OFL.txtBigShoulders-OFL.txtBoldonse-OFL.txtBricolageGrotesque-OFL.txtCrimsonPro-OFL.txtDMMono-OFL.txtEricaOne-OFL.txtGeistMono-OFL.txtGloock-OFL.txtIBMPlexMono-OFL.txtInstrumentSans-OFL.txtItaliana-OFL.txtJetBrainsMono-OFL.txtJura-OFL.txtLibreBaskerville-OFL.txtLora-OFL.txtNationalPark-OFL.txtNothingYouCouldDo-OFL.txtOutfit-OFL.txtPixelifySans-OFL.txtPoiretOne-OFL.txtRedHatMono-OFL.txtSilkscreen-OFL.txtSmoochSans-OFL.txtTektur-OFL.txtWorkSans-OFL.txtYoungSerif-OFL.txt详细介绍
- 创作设计理念(.md 文件)
- 在画布上通过创作来表达(.pdf 文件或 .png 文件)
首先,完成以下任务:
创作设计理念
首先,创作一种视觉理念(而非布局或模板),并通过以下元素来诠释:
- 形态、空间、色彩、构图
- 图像、图形、形状、图案
- 作为视觉点缀的精简文字
关键认知
- 收到的内容:用户提供的一些细微输入或指示,应予以考虑并作为基础,但不应限制创作自由。
- 创作的内容:一种设计理念/美学运动。
- 后续步骤:然后,由同一版本接收这一理念,并通过视觉表达它——创作出视觉设计占 90%、必要文字占 10% 的作品。
可以采用这种方式:
- 为一场艺术运动撰写宣言
- 下一阶段则创作艺术作品
理念必须强调:视觉表达、空间传达、艺术诠释、精简文字。
如何创作视觉理念
为这场运动命名(1-2 个词):“Brutalist Joy”/“Chromatic Silence”/“Metabolist Dreams”
阐述理念(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 中。把第一页视为一整本画册中的单页,等待被填充。让后续页面成为原作的独特变奏与回忆,并以极具品味的方式讲述一个故事。充分发挥完全的创作自由。