安装方式
手动下载安装
下载 ZIP 后解压到技能目录即可安装。若在桌面客户端 WebView中直接下载出现异常,本站会改为提示页 + 原始链接,请按页内说明操作。
下载 ZIP (oss-anthropic-canvas-design-v1.0.0.zip)触发指令
/canvas-design
跨平台安装指引
该技能声明兼容以下 1 个平台,将 ZIP 解压到对应目录即可被识别。
unzip oss-anthropic-canvas-design-v1.0.0.zip -d ~/.claude/skills/
mkdir -p 创建;启用 Skill 后请重启对应 Agent 让配置生效。
使用指南
Canvas 设计(静态视觉)
用 设计哲学 驱动,在 PNG / PDF 中创作高质量静态视觉。不要抄袭 现有艺术家作品以免版权风险。
输出仅限:.md(哲学文档)、.pdf 或 .png(画布成品)。
分两步完成:
- 设计哲学撰写(
.md) - 在画布上表达哲学(
.pdf或.png)
一、设计哲学撰写
先建立 视觉哲学(不是版式模板),再通过 形态、空间、色彩、构图 以及图像、图形、形状、图案来表达;文字仅作 点缀,且要少。
关键理解
- 输入:用户的提示是 含蓄的起点,要吸收,但 不应束缚 创作自由。
- 产出:一段 设计哲学 / 美学运动 式的叙述。
- 下一步:同一上下文会拿到这份哲学,并 用视觉落实——成品约 九成视觉、一成必要文字。
可理解为:先写一场 艺术运动的宣言,再进入 作画。
哲学必须强调:视觉表达、空间叙事、艺术诠释、极少文字。
如何生成视觉哲学
命名运动(1–2 词):如「粗野的喜悦」「色彩静默」「代谢体之梦」。
展开哲学(4–6 段,简练但完整):从以下维度写清 视觉气质(每点尽量不重复啰嗦):
- 空间与形态
- 色彩与材质
- 尺度与节奏
- 构图与平衡
- 视觉层级
硬性要求:
- 避免重复:同一论点不来回说;除非加深一层,不重复色彩理论、空间关系、字体原则等。
- 反复强调工艺感:哲学里要 多次 强调最终作品应像 耗费无数小时、由 顶尖从业者 精心打磨;可用「一丝不苟」「深厚功力」「殚精竭虑」「大师级执行」等表述。
- 留白给执行者:方向要具体,但仍给下一段实现 高水准诠释 的空间。
哲学必须引导 下一环节用画面说话,信息在 设计里,不在大段文字里。
哲学示例(压缩版,正式稿需 4–6 段完整展开)
- 「具体诗」:通过纪念碑式形态与大胆几何沟通;巨大色块、雕塑感字体(单字巨大、标签极小)、粗野空间分割;文字是 罕见而有力 的姿态,从不写成段落。
- 「色彩语言」:色彩区划即信息;几何精确,小无衬线标签让色场说话;文字仅 锚定 色彩已表达的内容。
- 「模拟冥想」:纸纹、墨迹渗透、大量留白;影像与插画为主,文字 耳语般 克制。
- 「有机系统」:自然簇集与模块化生长;圆角、有机排布、自然色系;文字只做 关键标签。
- 「几何静默」:网格秩序、大胆影像或极简图形、戏剧性负空间;瑞士式严谨遇粗野材料诚实;结构代替说明文字。
基本原则
- 视觉哲学:先立美学世界观,再用设计表达。
- 极少文字:文字稀疏、只保留必要、作为 视觉元素 融入——拒绝长段落。
- 空间表达:思想靠 空间、形态、色彩、构图,不靠段落。
- 艺术自由:下一执行者可诠释哲学,文档要留出诠释空间。
- 纯设计:做的是 艺术物件,不是「带装饰的文档」。
- 专家工艺:反复要求成品必须像 顶尖匠人 长时间打磨的结果。
哲学正文 4–6 段,诗意而具体,但 不要写死用户原始意图(保持可复用的美学语言)。输出为 .md 文件。
二、推断含蓄主题
在画布前:从用户原始请求里抽出 含蓄的概念线索。
原则: 主题是 嵌在画面里的微妙引用,不必字面,但要 高级;懂的人会心一笑,不懂的人仍觉得是一幅 高水准抽象/构成作品。设计哲学提供 美学语言,这条线索提供 灵魂——悄悄织进形态、色彩、构图。
像爵士乐里 隐引 另一首歌:知道的人听出来,不知道的人仍享受音乐。
三、画布创作
哲学与概念框架就绪后,在画布上 一次性高质量输出。即使是影视/游戏/书籍相关需求,也要 成熟、艺术化,避免卡通化、业余感。
为达到 杂志/美术馆 级别:
- 以哲学为基,通常 单页、强视觉的 PDF 或 PNG(除非用户要多页)。
- 善用 重复纹样与精确几何;把抽象哲学当成 科学图鉴 来画——用 系统观察 的视觉语言:密集记号、重复元素、层层叠加,用 耐心重复 建构意义。
- 配 稀疏、冷静 的字体与 系统化参照记号,像某门 想象学科 的图表;用 克制的色板 保持整体感。
- 拥抱 用分析性视觉语言讨论人性经验 的悖论:成品应像证明 无形之物也可被测绘 的文物。
文字作为语境元素: 仍以少为主,但可根据语境是 极细标签 还是 大胆字体手势(例如朋克海报可更猛)。多数情况字体偏细。所有字体选择都要 设计先行。任何文字与图形不得出画、不得胡乱叠压;边距与呼吸感 非negotiable。使用不同字体时,到 ./canvas-fonts 目录查找合适字体。字体本身应 参与构图,而非仅数字排版。
可突破常规,但始终以哲学为纲,把审美推到前沿。
关键(避免「AI 味」): 要看起来像 人类长时间手工打磨;构图、间距、色彩、字体每个细节都体现 专家级工艺;检查无重叠、无瑕疵。作品应能 作为能力证明 展示。
最终交付:单个可下载 PDF 或 PNG,以及 所用设计哲学的 .md 文件。
四、终稿打磨
用户若表示「还不够完美、要像美术馆展品」:
不要靠堆新图形糊弄;应 精炼已有画面,在 完全尊重哲学与极简 的前提下,让现有构成 更锐利、更整体。若直觉想「再画一笔」,先停,问:如何让已有内容更像艺术?
进行 第二遍:回到实现,继续抛光,直到哲学与工艺都站得住。
五、多页选项
若用户要多页:在 同一哲学 下做 彼此区分 的连续页面,可合成 一份 PDF 或多张 PNG。把首页视为 咖啡桌画册中的一页,后续页是 变奏与记忆,含蓄叙事,保持品味与自由度。
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:
1. Design Philosophy Creation (.md file)
2. Express by creating it on a canvas (.pdf file or .png file)
First, undertake this task:
## DESIGN PHILOSOPHY CREATION
To begin, create a VISUAL PHILOSOPHY (not layouts or templates) that will be interpreted through:
- Form, space, color, composition
- Images, graphics, shapes, patterns
- Minimal text as visual accent
### THE CRITICAL UNDERSTANDING
- What is received: Some subtle input or instructions by the user that should be taken into account, but used as a foundation; it should not constrain creative freedom.
- What is created: A design philosophy/aesthetic movement.
- What happens next: Then, the same version receives the philosophy and EXPRESSES IT VISUALLY - creating artifacts that are 90% visual design, 10% essential text.
Consider this approach:
- Write a manifesto for an art movement
- The next phase involves making the artwork
The philosophy must emphasize: Visual expression. Spatial communication. Artistic interpretation. Minimal words.
### HOW TO GENERATE A VISUAL PHILOSOPHY
**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:
- Space and form
- Color and material
- Scale and rhythm
- Composition and balance
- Visual hierarchy
**CRITICAL GUIDELINES:**
- **Avoid redundancy**: Each design aspect should be mentioned once. Avoid repeating points about color theory, spatial relationships, or typographic principles unless adding new depth.
- **Emphasize craftsmanship REPEATEDLY**: The philosophy MUST stress multiple times that the final work should appear as though it took countless hours to create, was labored over with care, and comes from someone at the absolute top of their field. This framing is essential - repeat phrases like "meticulously crafted," "the product of deep expertise," "painstaking attention," "master-level execution."
- **Leave creative space**: Remain specific about the aesthetic direction, but concise enough that the next Claude has room to make interpretive choices also at a extremely high level of craftmanship.
The philosophy must guide the next version to express ideas VISUALLY, not through text. Information lives in design, not paragraphs.
### PHILOSOPHY EXAMPLES
**"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.*
### ESSENTIAL PRINCIPLES
- **VISUAL PHILOSOPHY**: Create an aesthetic worldview to be expressed through design
- **MINIMAL TEXT**: Always emphasize that text is sparse, essential-only, integrated as visual element - never lengthy
- **SPATIAL EXPRESSION**: Ideas communicate through space, form, color, composition - not paragraphs
- **ARTISTIC FREEDOM**: The next Claude interprets the philosophy visually - provide creative room
- **PURE DESIGN**: This is about making ART OBJECTS, not documents with decoration
- **EXPERT CRAFTSMANSHIP**: Repeatedly emphasize the final work must look meticulously crafted, labored over with care, the product of countless hours by someone at the top of their field
**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.
---
## DEDUCING THE SUBTLE REFERENCE
**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.
---
## CANVAS CREATION
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.
---
## FINAL STEP
**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.
## MULTI-PAGE OPTION
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.