canvas-design by composiohq/awesome-claude-skills
npx skills add https://github.com/composiohq/awesome-claude-skills --skill canvas-design这是创建设计哲学(即随后通过视觉表达的美学运动)的指导说明。仅输出 .md 文件、.pdf 文件和 .png 文件。
分两步完成:
首先,执行以下任务:
首先,创建一个视觉哲学(不是布局或模板),它将通过以下方式诠释:
考虑以下方法:
该哲学必须强调:视觉表达。空间沟通。艺术诠释。极简文字。
为运动命名(1-2 个词):例如 "Brutalist Joy" / "Chromatic Silence" / "Metabolist Dreams"
阐述哲学(4-6 段 - 简洁但完整): 为了捕捉视觉本质,表达该哲学如何通过以下方面体现:
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
关键指导原则:
该哲学必须指导下一个版本通过视觉表达想法,而不是通过文本。信息存在于设计中,而非段落里。
"Concrete Poetry" 哲学:通过纪念碑式的形态和粗犷的几何形状进行沟通。视觉表达:大块色彩、雕塑般的排版(巨大的单个词语、微小的标签)、粗野主义的空间划分、波兰海报能量与勒·柯布西耶风格的结合。通过视觉重量和空间张力表达思想,而非解释。文字作为罕见而有力的姿态——从不用段落,只有融入视觉结构中的必要词语。每个元素的放置都如大师工匠般精确。
"Chromatic Language" 哲学:色彩作为主要信息系统。视觉表达:几何精度,色彩区域创造意义。排版极简——小型无衬线标签让色域进行沟通。想象约瑟夫·亚伯斯的互动与数据可视化的结合。信息通过空间和色彩编码。文字仅用于锚定色彩已展示的内容。这是苦心进行色彩校准的结果。
"Analog Meditation" 哲学:通过纹理和呼吸空间进行安静的视觉沉思。视觉表达:纸张纹理、墨水晕染、广阔的负空间。摄影和插画占主导地位。排版如耳语般(小巧、克制、服务于视觉)。日本摄影集美学。图像在页面间呼吸。文字稀疏出现——短句,从无解释性段落。每个构图都如冥想练习般精心平衡。
"Organic Systems" 哲学:自然的集群和模块化生长模式。视觉表达:圆润的形态、有机的排列、源自自然通过建筑的色彩。通过视觉图表、空间关系、图标展示信息。文字仅用于漂浮在空间中的关键标签。构图通过专业的空间编排来讲述故事。
"Geometric Silence" 哲学:纯粹的秩序与克制。视觉表达:基于网格的精度、大胆的摄影或鲜明的图形、戏剧性的负空间。排版精确但极简——小巧的必要文本、大片的安静区域。瑞士形式主义与粗野主义材料诚实性的结合。结构进行沟通,而非文字。每一次对齐都是无数次打磨的结果。
这些是浓缩的示例。实际的设计哲学应为 4-6 个实质性段落。
设计哲学应为 4-6 段长。 用诗意的设计哲学填充它,融合核心愿景。避免重复相同的观点。保持设计哲学的通用性,不要提及艺术的意图,仿佛它可以应用于任何地方。将设计哲学输出为 .md 文件。
关键步骤:在创建画布之前,识别原始请求中微妙的主题线索。
核心原则:主题是嵌入艺术本身的一个微妙、小众的参考——不总是字面的,总是精致的。熟悉该主题的人应该能直观地感受到它,而其他人则只是体验到一个大师级的抽象构图。设计哲学提供美学语言。推断出的主题则提供灵魂——悄然编织进形态、色彩和构图中的无形概念 DNA。
这非常重要:参考必须经过提炼,以增强作品的深度而不自我宣告。像爵士音乐家引用另一首歌一样思考——只有知情者才能捕捉到,但每个人都能欣赏音乐。
在哲学和概念框架都已确立后,在画布上表达它。花点时间整理思绪,清空头脑。使用创建的设计哲学和以下说明来创作一件杰作,以专家工艺体现该哲学的所有方面。
重要提示:对于任何类型的内容,即使用户请求的是电影/游戏/书籍相关的东西,方法仍应保持精致。永远不要忘记,这应该是艺术,而不是卡通或业余的东西。
要创作博物馆或杂志品质的作品,请以设计哲学为基础。创建一个单页、高度视觉化、设计导向的 PDF 或 PNG 输出(除非要求更多页)。通常使用重复图案和完美形状。将抽象哲学设计视为科学圣经,借鉴系统观察的视觉语言——密集的标记积累、重复的元素或分层的图案,通过耐心的重复构建意义,并奖励持续的观看。添加稀疏、冷静的排版和系统的参考标记,暗示这可能是一个来自虚构学科的图表,以通常用于记录可观察现象的崇敬态度对待这个无形的主题。用微妙放置的简单短语或细节来锚定作品,使用感觉有意且连贯的有限调色板。拥抱使用分析性视觉语言来表达关于人类体验的想法的悖论:结果应该感觉像是一件证明短暂事物可以通过仔细关注而被研究、绘制和理解的文物。这才是真正的艺术。
文本作为语境元素:文本始终是极简且视觉优先的,但让语境决定这意味着是耳语般的标签还是大胆的排版姿态。朋克场地海报的字体可能比极简陶瓷工作室标识更大、更具侵略性。大多数时候,字体应该很细。所有字体的使用都必须以设计为导向,并优先考虑视觉传达。无论文本大小如何,任何内容都不能超出页面,也不能重叠。每个元素都必须包含在画布边界内,并留有适当的边距。仔细检查所有文本、图形和视觉元素是否有呼吸空间和清晰的分离。这对于专业执行是不可协商的。重要提示:如果书写文本,请使用不同的字体。搜索 ./canvas-fonts 目录。无论采用何种方法,精致度是不可协商的。
下载并使用任何需要的字体来实现这一点。通过使排版真正成为艺术本身的一部分来发挥创意——如果艺术是抽象的,将字体带到画布上,而不是数字排版。
要突破界限,请遵循设计直觉/灵感,同时使用哲学作为指导原则。拥抱终极的设计自由和选择。将美学和设计推向前沿。
关键提示:为了达到人工打造的质量(而非 AI 生成),创作看起来像是耗费了无数小时的作品。让它看起来像是该领域绝对顶尖的专家对每一个细节都进行了精心雕琢。确保构图、间距、色彩选择、排版——一切都彰显专家级的工艺。仔细检查是否有任何重叠,格式是否完美,每个细节是否完美。创作出可以向人们展示以证明专业能力、并无可争议地令人印象深刻的作品。
将最终结果输出为单个可下载的 .pdf 或 .png 文件,同时附上用作 .md 文件的设计哲学。
重要提示:用户已经说过"它还不够完美。它必须是完美的,是工艺的杰作,仿佛即将在博物馆展出。"
关键提示:为了完善作品,避免添加更多图形;而是提炼已创作的内容,使其极其清晰,完全尊重设计哲学和极简主义原则。与其添加有趣的滤镜或重构字体,不如思考如何使现有构图与艺术更加协调。如果本能地想调用新函数或绘制新形状,停下来,转而问自己:"我怎样才能让这里已有的东西更像一件艺术品?"
进行第二次审视。回到代码中,进一步打磨/润色,使其成为一件哲学设计的杰作。
当被要求创建额外页面时,请沿着设计哲学的路线创建更具创意的页面,但同时也要有明显的不同。将这些页面捆绑在同一个 .pdf 或多个 .png 中。将第一页视为整个等待填满的咖啡桌书中的一页。让接下来的页面成为原作的独特变奏和记忆。让它们以一种非常雅致的方式几乎讲述一个故事。行使充分的创作自由。
每周安装量
709
代码仓库
GitHub 星标数
42.3K
首次出现
Jan 20, 2026
安全审计
安装于
opencode619
gemini-cli571
codex548
cursor539
claude-code522
github-copilot490
These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files.
Complete this in two steps:
First, undertake this task:
To begin, create a VISUAL PHILOSOPHY (not layouts or templates) that will be interpreted through:
Consider this approach:
The philosophy must emphasize: Visual expression. Spatial communication. Artistic interpretation. Minimal words.
Name the movement (1-2 words): "Brutalist Joy" / "Chromatic Silence" / "Metabolist Dreams"
Articulate the philosophy (4-6 paragraphs - concise but complete):
To capture the VISUAL essence, express how the philosophy manifests through:
CRITICAL GUIDELINES:
The philosophy must guide the next version to express ideas VISUALLY, not through text. Information lives in design, not paragraphs.
"Concrete Poetry" Philosophy: Communication through monumental form and bold geometry. Visual expression: Massive color blocks, sculptural typography (huge single words, tiny labels), Brutalist spatial divisions, Polish poster energy meets Le Corbusier. Ideas expressed through visual weight and spatial tension, not explanation. Text as rare, powerful gesture - never paragraphs, only essential words integrated into the visual architecture. Every element placed with the precision of a master craftsman.
"Chromatic Language" Philosophy: Color as the primary information system. Visual expression: Geometric precision where color zones create meaning. Typography minimal - small sans-serif labels letting chromatic fields communicate. Think Josef Albers' interaction meets data visualization. Information encoded spatially and chromatically. Words only to anchor what color already shows. The result of painstaking chromatic calibration.
"Analog Meditation" Philosophy: Quiet visual contemplation through texture and breathing room. Visual expression: Paper grain, ink bleeds, vast negative space. Photography and illustration dominate. Typography whispered (small, restrained, serving the visual). Japanese photobook aesthetic. Images breathe across pages. Text appears sparingly - short phrases, never explanatory blocks. Each composition balanced with the care of a meditation practice.
"Organic Systems" Philosophy: Natural clustering and modular growth patterns. Visual expression: Rounded forms, organic arrangements, color from nature through architecture. Information shown through visual diagrams, spatial relationships, iconography. Text only for key labels floating in space. The composition tells the story through expert spatial orchestration.
"Geometric Silence" Philosophy: Pure order and restraint. Visual expression: Grid-based precision, bold photography or stark graphics, dramatic negative space. Typography precise but minimal - small essential text, large quiet zones. Swiss formalism meets Brutalist material honesty. Structure communicates, not words. Every alignment the work of countless refinements.
These are condensed examples. The actual design philosophy should be 4-6 substantial paragraphs.
The design philosophy should be 4-6 paragraphs long. Fill it with poetic design philosophy that brings together the core vision. Avoid repeating the same points. Keep the design philosophy generic without mentioning the intention of the art, as if it can be used wherever. Output the design philosophy as a .md file.
CRITICAL STEP : Before creating the canvas, identify the subtle conceptual thread from the original request.
THE ESSENTIAL PRINCIPLE : The topic is a subtle, niche reference embedded within the art itself - not always literal, always sophisticated. Someone familiar with the subject should feel it intuitively, while others simply experience a masterful abstract composition. The design philosophy provides the aesthetic language. The deduced topic provides the soul - the quiet conceptual DNA woven invisibly into form, color, and composition.
This is VERY IMPORTANT : The reference must be refined so it enhances the work's depth without announcing itself. Think like a jazz musician quoting another song - only those who know will catch it, but everyone appreciates the music.
With both the philosophy and the conceptual framework established, express it on a canvas. Take a moment to gather thoughts and clear the mind. Use the design philosophy created and the instructions below to craft a masterpiece, embodying all aspects of the philosophy with expert craftsmanship.
IMPORTANT : For any type of content, even if the user requests something for a movie/game/book, the approach should still be sophisticated. Never lose sight of the idea that this should be art, not something that's cartoony or amateur.
To create museum or magazine quality work, use the design philosophy as the foundation. Create one single page, highly visual, design-forward PDF or PNG output (unless asked for more pages). Generally use repeating patterns and perfect shapes. Treat the abstract philosophical design as if it were a scientific bible, borrowing the visual language of systematic observation—dense accumulation of marks, repeated elements, or layered patterns that build meaning through patient repetition and reward sustained viewing. Add sparse, clinical typography and systematic reference markers that suggest this could be a diagram from an imaginary discipline, treating the invisible subject with the same reverence typically reserved for documenting observable phenomena. Anchor the piece with simple phrase(s) or details positioned subtly, using a limited color palette that feels intentional and cohesive. Embrace the paradox of using analytical visual language to express ideas about human experience: the result should feel like an artifact that proves something ephemeral can be studied, mapped, and understood through careful attention. This is true art.
Text as a contextual element : Text is always minimal and visual-first, but let context guide whether that means whisper-quiet labels or bold typographic gestures. A punk venue poster might have larger, more aggressive type than a minimalist ceramics studio identity. Most of the time, font should be thin. All use of fonts must be design-forward and prioritize visual communication. Regardless of text scale, nothing falls off the page and nothing overlaps. Every element must be contained within the canvas boundaries with proper margins. Check carefully that all text, graphics, and visual elements have breathing room and clear separation. This is non-negotiable for professional execution. IMPORTANT: Use different fonts if writing text. Search the./canvas-fonts directory. Regardless of approach, sophistication is non-negotiable.
Download and use whatever fonts are needed to make this a reality. Get creative by making the typography actually part of the art itself -- if the art is abstract, bring the font onto the canvas, not typeset digitally.
To push boundaries, follow design instinct/intuition while using the philosophy as a guiding principle. Embrace ultimate design freedom and choice. Push aesthetics and design to the frontier.
CRITICAL : To achieve human-crafted quality (not AI-generated), create work that looks like it took countless hours. Make it appear as though someone at the absolute top of their field labored over every detail with painstaking care. Ensure the composition, spacing, color choices, typography - everything screams expert-level craftsmanship. Double-check that nothing overlaps, formatting is flawless, every detail perfect. Create something that could be shown to people to prove expertise and rank as undeniably impressive.
Output the final result as a single, downloadable .pdf or .png file, alongside the design philosophy used as a .md file.
IMPORTANT : The user ALREADY said "It isn't perfect enough. It must be pristine, a masterpiece if craftsmanship, as if it were about to be displayed in a museum."
CRITICAL : To refine the work, avoid adding more graphics; instead refine what has been created and make it extremely crisp, respecting the design philosophy and the principles of minimalism entirely. Rather than adding a fun filter or refactoring a font, consider how to make the existing composition more cohesive with the art. If the instinct is to call a new function or draw a new shape, STOP and instead ask: "How can I make what's already here more of a piece of art?"
Take a second pass. Go back to the code and refine/polish further to make this a philosophically designed masterpiece.
To create additional pages when requested, create more creative pages along the same lines as the design philosophy but distinctly different as well. Bundle those pages in the same .pdf or many .pngs. Treat the first page as just a single page in a whole coffee table book waiting to be filled. Make the next pages unique twists and memories of the original. Have them almost tell a story in a very tasteful way. Exercise full creative freedom.
Weekly Installs
709
Repository
GitHub Stars
42.3K
First Seen
Jan 20, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode619
gemini-cli571
codex548
cursor539
claude-code522
github-copilot490
71,300 周安装