🖼️ PNG/PDFでポスターをデザイン
PNG / PDF で「ポスター」「アート作品」「グラフィックデザイン」をデザイン哲学に沿って生成するSkill。
📺 まず動画で見る(YouTube)
▶ Claude Codeで業務自動化を完全攻略!AIエージェントを使いこなす技術と実践デモ ↗
※ jpskill.com 編集部が参考用に選んだ動画です。動画の内容と Skill の挙動は厳密には一致しないことがあります。
📜 元の英語説明(参考)
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 で「ポスター」「アート作品」「グラフィックデザイン」をデザイン哲学に沿って生成するSkill。
※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-17
- 取得日時
- 2026-05-17
- 同梱ファイル
- 2
💬 こう話しかけるだけ — サンプルプロンプト
- › PNG/PDFでポスターをデザイン を使って、ブランドカラーに沿ったデザイン案を3つ
- › PNG/PDFでポスターをデザイン で、既存のデザインをモダンにリフレッシュ
- › PNG/PDFでポスターをデザイン を使って、レイアウトを整えて
これをClaude Code に貼るだけで、このSkillが自動発動します。
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
[スキル名] canvas-design
これらは、デザイン哲学、つまり美的ムーブメントを作成し、それを視覚的に表現するための指示です。出力は .md ファイル、.pdf ファイル、および .png ファイルのみとします。
これを2つのステップで完了してください。
- デザイン哲学の作成 (.md ファイル)
- キャンバス上での表現 (.pdf ファイルまたは .png ファイル)
まず、このタスクに着手してください。
デザイン哲学の作成
最初に、レイアウトやテンプレートではなく、以下の要素を通じて解釈される「視覚的哲学」を作成してください。
- 形態、空間、色彩、構図
- 画像、グラフィック、図形、パターン
- 視覚的アクセントとしての最小限のテキスト
重要な理解
- 受け取るもの: ユーザーからの微妙な入力や指示。これらは考慮に入れるべきですが、あくまで基礎として使用し、創造的な自由を制約するものではありません。
- 作成するもの: デザイン哲学/美的ムーブメント。
- 次に起こること: その後、同じバージョンがその哲学を受け取り、視覚的に表現します。その結果、90%が視覚デザイン、10%が不可欠なテキストである成果物が作成されます。
このアプローチを検討してください。
- アートムーブメントのマニフェストを作成する
- 次のフェーズではアートワークを作成する
哲学は以下を強調する必要があります。視覚的表現。空間的コミュニケーション。芸術的解釈。最小限の言葉。
視覚的哲学の生成方法
ムーブメントに名前を付ける (1-2語): 「ブルータリスト・ジョイ」 / 「クロマティック・サイレンス」 / 「メタボリスト・ドリームズ」
哲学を明確にする (4-6段落 - 簡潔かつ完全):
視覚的な本質を捉えるために、哲学がどのように以下の要素を通じて現れるかを表現してください。
- 空間と形態
- 色彩と素材
- スケールとリズム
- 構図とバランス
- 視覚的ヒエラルキー
重要なガイドライン:
- 冗長性を避ける: 各デザイン側面は一度だけ言及されるべきです。色彩理論、空間関係、タイポグラフィの原則に関する点を、新たな深みを加える場合を除き、繰り返さないでください。
- 職人技を繰り返し強調する: 哲学は、最終的な作品が、作成に数えきれないほどの時間を要し、細心の注意を払って作り上げられ、その分野の絶対的なトップにいる人物によるものであるかのように見えることを、複数回強調しなければなりません。このフレーミングは不可欠です。「細心の注意を払って作られた」「深い専門知識の産物」「骨の折れる注意」「マスターレベルの実行」といったフレーズを繰り返してください。
- 創造的な余地を残す: 美的方向性については具体的に述べつつも、次の Claude が非常に高いレベルの職人技で解釈的な選択を行う余地を残す程度に簡潔にしてください。
哲学は、次のバージョンがアイデアをテキストではなく視覚的に表現するように導く必要があります。情報は段落ではなくデザインの中に存在します。
哲学の例
「コンクリート・ポエトリー」 哲学: 記念碑的な形態と大胆な幾何学によるコミュニケーション。 視覚的表現: 巨大なカラーブロック、彫刻的なタイポグラフィ(巨大な単語、小さなラベル)、ブルータリスト的な空間分割、ポーランドのポスターのエネルギーとル・コルビュジエの融合。説明ではなく、視覚的な重みと空間的な緊張を通じてアイデアを表現します。テキストは稀で力強いジェスチャーとしてのみ存在し、段落は決してなく、視覚的アーキテクチャに統合された不可欠な言葉のみです。すべての要素は、熟練した職人の精度で配置されます。
「クロマティック・ランゲージ」 哲学: 色彩を主要な情報システムとする。 視覚的表現: 色彩ゾーンが意味を創造する幾何学的な精度。タイポグラフィは最小限で、小さなサンセリフのラベルが色彩のフィールドにコミュニケーションを委ねます。ヨゼフ・アルバースの相互作用とデータ視覚化を融合させたようなものです。情報は空間的かつ色彩的に符号化されます。言葉は、色彩がすでに示しているものを固定するためだけに使用されます。骨の折れる色彩調整の成果です。
「アナログ・メディテーション」 哲学: テクスチャと余白による静かな視覚的瞑想。 視覚的表現: 紙の質感、インクのにじみ、広大なネガティブスペース。写真とイラストが支配的です。タイポグラフィはささやくように(小さく、抑制され、視覚に奉仕します)。日本の写真集の美学。画像がページ全体に息づきます。テキストは控えめに現れ、短いフレーズのみで、説明的なブロックは決してありません。各構図は、瞑想の実践のような注意深さでバランスが取られています。
「オーガニック・システムズ」 哲学: 自然なクラスター形成とモジュール式の成長パターン。 視覚的表現: 丸みを帯びた形態、有機的な配置、建築を通じた自然由来の色。視覚的な図、空間関係、図像を通じて情報が示されます。テキストは空間に浮かぶ主要なラベルのみです。構図は、専門的な空間オーケストレーションを通じて物語を語ります。
「ジオメトリック・サイレンス」 哲学: 純粋な秩序と抑制。 視覚的表現: グリッドベースの精度、大胆な写真または簡素なグラフィック、劇的なネガティブスペース。タイポグラフィは正確ですが最小限で、小さな不可欠なテキストと、大きな静かなゾーンがあります。スイスのフォーマリズムとブルータリストの素材の正直さの融合。言葉ではなく構造がコミュニケーションします。すべての配置は、数えきれないほどの洗練の成果です。
これらは凝縮された例です。実際のデザイン哲学は4〜6段落のしっかりとした内容であるべきです。
不可欠な原則
- 視覚的哲学: デザインを通じて表現される美的世界観を創造する
- 最小限のテキスト: テキストは常に控えめで、不可欠なもののみであり、視覚要素として統合されるべきであり、決して長文ではないことを強調する
- 空間的表現: アイデアは段落ではなく、空間、形態、色彩、構図を通じて伝達される
- 芸術的自由: 次の Claude は哲学を視覚的に解釈します。創造的な余地を提供する
- 純粋なデザイン: これは装飾された文書ではなく、アートオブジェクトを作成することです
- 専門的な職人技: 最終的な作品が、細心の注意を払って作られ、丹念に作り上げられ、その分野のトップにいる人物による数えきれないほどの時間の産物であるかのように見えることを繰り返し強調する
デザイン哲学は4〜6段落の長さであるべきです。 中核となるビジョンをまとめる詩的なデザイン哲学で満たしてください。同じ点を繰り返すのは避けてください。アートの意図に言及せず、どこでも使用できるかのように、デザイン哲学を一般的なものに保ってください。デザイン哲学を .md ファイルとして出力してください。
微妙な参照の推測
重要なステップ: キャンバスを作成する前に、元のリクエストから微妙な概念的要素を特定してください。
(原文がここで切り詰められています)
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開
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.
同梱ファイル
※ ZIPに含まれるファイル一覧。`SKILL.md` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。
- 📄 SKILL.md (11,939 bytes)
- 📎 LICENSE.txt (11,345 bytes)