🎨canvas-design
- プラグイン
- example-skills
- ライセンス
- Complete terms in LICENSE.txt
- ソース
- GitHub で見る ↗
説明
独自のデザイン哲学に基づき、`.png` および `.pdf` 形式で美しいビジュアルアートを制作します。 次のような場合に使用: ユーザーがポスター、アート作品、デザイン、またはその他の静的なビジュアル制作を依頼したとき。 既存のアーティストの作品を模倣することなく、著作権侵害を避けながら、常にオリジナルのビジュアルデザインを制作します。
原文を表示
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
ユースケース
- ✓ポスター制作を依頼するとき
- ✓アート作品のデザインが必要なとき
- ✓静的なビジュアル制作を依頼するとき
- ✓.pngおよび.pdf形式での出力が必要なとき
本文(日本語訳)
これはデザイン哲学を創造するための指示です。デザイン哲学とは、その後視覚的に表現される美的運動を指します。出力は .md ファイル、.pdf ファイル、.png ファイルのみとします。
以下の2ステップで完成させます:
- デザイン哲学の創造(
.mdファイル) - キャンバス上での視覚的表現(
.pdfファイルまたは.pngファイル)
まず、以下のタスクに取り組みます。
デザイン哲学の創造
最初に、以下を通じて解釈されるビジュアル・フィロソフィー(レイアウトやテンプレートではない)を創造します:
- 形態、空間、色彩、構成
- イメージ、グラフィック、形状、パターン
- 視覚的アクセントとしての最小限のテキスト
本質的な理解
- 受け取るもの: ユーザーからの微妙なインプットや指示。考慮すべき土台として活用するが、創造的自由を制約してはならない。
- 創造するもの: デザイン哲学/美的運動。
- 次に起こること: 同じバージョンがその哲学を受け取り、視覚的に表現する ― 90%がビジュアルデザイン、10%が本質的なテキストから成るアーティファクトを制作する。
このアプローチを意識してください:
- あるアート運動のマニフェストを書く
- 次のフェーズでは、そのアートワーク自体を制作する
哲学は以下を強調しなければなりません:視覚的表現。空間的コミュニケーション。芸術的解釈。言葉の最小化。
ビジュアル・フィロソフィーの生成方法
運動に名前をつける(1〜2語): 「Brutalist Joy」/「Chromatic Silence」/「Metabolist Dreams」
哲学を明文化する(4〜6段落 ― 簡潔かつ完結に):
視覚的本質を捉えるため、哲学がどのように現れるかを表現します:
- 空間と形態
- 色彩と素材
- スケールとリズム
- 構成とバランス
- 視覚的階層
重要なガイドライン:
- 冗長性を避ける: 各デザイン要素について言及するのは一度のみ。新たな深みを加える場合を除き、色彩理論・空間的関係・タイポグラフィの原則を繰り返さない。
- 職人性を繰り返し強調する: 哲学の中で、最終的な作品が無数の時間をかけて丁寧に仕上げられたかのように見えること、細心の注意を持って労されたこと、そしてその分野の頂点に立つ人物によって生み出されたものであることを、複数回にわたって強調しなければならない。「緻密に作り上げられた」「深い専門性の産物」「細部への執念」「マスタークラスの仕上がり」といったフレーズを繰り返すこと。このフレーミングは不可欠です。
- 創造的余白を残す: 美的方向性については具体的に述べるが、次のClaudeが極めて高いクラフトマンシップのもとで解釈の選択を行えるよう、十分に簡潔に留める。
哲学は、次のバージョンがアイデアをテキストではなく視覚的に表現するよう導くものでなければなりません。情報は段落ではなく、デザインの中に宿ります。
哲学の例
「Concrete Poetry(コンクリート詩)」 哲学:モニュメンタルな形態と大胆な幾何学による表現。 視覚的表現:巨大な色面、彫刻的タイポグラフィ(巨大な単語、小さなラベル)、ブルータリスト的空間分割、ポーランドのポスター表現とル・コルビュジエの融合。アイデアは説明ではなく、視覚的重量と空間的緊張によって伝わる。テキストは稀少かつ力強いジェスチャー ― 段落ではなく、視覚的建築に統合された本質的な言葉のみ。すべての要素が、名匠の精度をもって配置される。
「Chromatic Language(色彩言語)」 哲学:色彩を一次情報システムとして使用。 視覚的表現:色彩ゾーンが意味を生み出す幾何学的精度。タイポグラフィは最小限 ― クロマティックフィールドが語る中で小さなサンセリフのラベルが寄り添う。ヨーゼフ・アルバースの相互作用とデータビジュアライゼーションの融合を想起させる。情報は空間的・色彩的にエンコードされる。言葉は、色彩がすでに示していることを固定するためにのみ現れる。精緻な色彩調整の賜物。
「Analog Meditation(アナログの瞑想)」 哲学:テクスチャと余白を通じた静かな視覚的観照。 視覚的表現:紙の質感、インクのにじみ、広大なネガティブスペース。写真とイラストレーションが支配する。タイポグラフィは囁くように(小さく、抑制され、視覚に奉仕する)。日本のフォトブック美学。イメージがページをまたいで呼吸する。テキストは短いフレーズとして散在し、決して説明的なブロックにはならない。各構成は、瞑想の実践のような丁寧さで均衡が保たれる。
「Organic Systems(有機的システム)」 哲学:自然なクラスタリングとモジュール式の成長パターン。 視覚的表現:丸みを帯びた形態、有機的な配置、建築を経由した自然の色彩。情報はビジュアルダイアグラム、空間的関係、アイコノグラフィーによって示される。テキストは空間に浮かぶキーラベルのみ。構成は、熟練した空間的オーケストレーションによって物語を語る。
「Geometric Silence(幾何学的沈黙)」 哲学:純粋な秩序と自制。 視覚的表現:グリッドベースの精度、力強い写真または厳格なグラフィック、ドラマティックなネガティブスペース。タイポグラフィは精確だが最小限 ― 小さな本質的テキスト、広大な静寂ゾーン。スイス・フォルマリズムとブルータリストのマテリアル・ホネスティの融合。構造が語り、言葉は語らない。すべての整合は、無数の推敲の積み重ね。
これらは凝縮した例です。実際のデザイン哲学は4〜6段落の実質的な内容で構成されるべきです。
基本原則
- ビジュアル・フィロソフィー: デザインを通じて表現される美的世界観を創出すること
- テキストの最小化: テキストは常にスパース(最小限・本質的・視覚要素として統合)であることを強調 ― 決して長文にしない
- 空間的表現: アイデアは段落ではなく、空間・形態・色彩・構成によってコミュニケートされる
- 芸術的自由: 次のClaudeは哲学を視覚的に解釈する ― 創造的余白を確保すること
- 純粋なデザイン: これは装飾された文書ではなく、アート・オブジェクトを制作することである
- 熟練の職人性: 最終的な作品が、緻密に仕上げられ、細心の注意をもって労された、その分野の頂点に立つ人物による無数の時間の産物として見えることを、繰り返し強調すること
デザイン哲学は4〜6段落の長さとすること。
哲学の核心となるビジョンをまとめる詩的な内容で満たすこと。同じ点を繰り返さないこと。哲学はアートの意図に言及せず、どこにでも応用できるように汎用的に保つこと。デザイン哲学は .md ファイルとして出力すること。
微細な参照の読み解き
重要なステップ: キャンバスを制作する前に、元のリクエストに含まれる微妙な概念的スレッドを特定する。
本質的な原則:
テーマとは、アート自体に埋め込まれた、微妙でニッチな参照 ― 常に文字通りではなく、常にソフィスティケートされたもの。そのテーマに精通している人には直感的に感じられ、そうでない人にはただ卓越した抽象的な構成として体験される。デザイン哲学は美的言語を提供し、読み解かれたテーマは魂を与える ― 形態・色彩・構成に静かに織り込まれた、見えない概念的DNAとして。
これは非常に重要です:
参照は、作品の深みを高めながらも自己主張しないよう、洗練されなければならない。別の曲を引用するジャズミュージシャンのように考えてください ― 知っている者だけが気づき、しかし誰もがその音楽を味わう。
キャンバスの制作
哲学と概念的フレームワークが確立されたら、キャンバス上に表現します。
一度立ち止まって思考を整え、心を清めてください。創造したデザイン哲学と以下の指示を用いて、哲学のあらゆる側面を熟練の職人性で体現する傑作を作り上げます。
重要: コンテンツの種類を問わず(映画・ゲーム・書籍向けであっても)、アプローチは常にソフィスティケートされたものでなければなりません。漫画的・アマチュア的な印象を持つものを作ってはなりません。これはアートであるという意識を決して失わないこと。
美術館や雑誌に相応しい作品を生み出すために、デザイン哲学を土台とすること。
特に指示がない限り、1枚の高度にビジュアルでデザイン主導の PDF または PNG を出力します。
一般的に、繰り返しのパターンと完全な形状を使用します。
抽象的な哲学的デザインを科学的聖典のように扱い、体系的観察の視覚言語を借用してください ― 意味を構築する密な記号の蓄積、反復された要素、または重層的パターン。これらは忍耐強い反復によって意味を積み上げ、継続的な鑑賞に報います。
疎らで臨床的なタイポグラフィと体系的な参照マーカーを加え、架空の学問領域からのダイアグラムであるかのような雰囲気を示唆してください。見えないテーマを、観察可能な現象を記録する際に通常払われる敬意と同等のものをもって扱います。
限定的で意図的・統一感のあるカラーパレットを用い、簡潔なフレーズや細部を控えめに配置します。
分析的な視覚言語を使って人間的体験のアイデアを表現するという逆説を受け入れてください:結果は、束の間の何かが注意深い観察によって研究・マッピング・理解できることを証明するアーティファクトのように感じられるべきです。これが真のアートです。
コンテキスト要素としてのテキスト:
テキストは常に最小限でビジュアルファースト。しかし、コンテキストによってその意味が異なります ― ウィスパーのような静かなラベルか、大胆なタイポグラフィ的ジェスチャーか。パンクなベニューポスターは、ミニマリストの陶芸スタジオのアイデンティティよりも大きく攻撃的なタイプを持つかもしれません。多くの場合、フォントは細くすること。フォントのすべての使用はデザインフォワードであり、視覚的コミュニケーションを優先すること。テキストのスケールに関わらず、何もページから外れず、何も重ならないこと。すべてのテキスト・グラフィック・視覚要素は、適切なマージンとともにキャンバスの境界内に収めること。すべての要素が余白と明確な分離を持つことを慎重に確認すること。これはプロフェッショナルな実行において交渉の余地がありません。
**重要: テキストを書く際は異なるフォントを使用すること。./canvas-fonts ディレクトリを検索すること。アプローチに関わらず、ソフィスティケーションは交渉の余地がありません。
原文(English)を表示
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:
- Design Philosophy Creation (.md file)
- 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.
原文・著作権は Anthropic および各プラグイン作者に帰属します。日本語訳は Claude API による自動翻訳です。