# ビジュアルデザインエージェントスキル > 洗練されたデザイン哲学と熟練の技を駆使して、博物館品質のビジュアルデザインをPNGまたはPDFファイルとして生成します。細部へのこだわりと空間コミュニケーションに細心の注意を払い、ユニークなアートオブジェクトを作成します。 - Canonical: https://nanoskill.ai/ja/skills/visual-design-skill - Markdown: https://nanoskill.ai/ja/skills/visual-design-skill.md - Author: anthropics - Published: 2026-06-04T05:00:00.000Z - Updated: 2026-07-17T02:56:43.668Z - Language: ja - Source type: github - Popularity signal: 139322 ## Sources - https://github.com/anthropics/skills ## Install ```shell npx skills add https://github.com/anthropics/skills/tree/main/skills/canvas-design ``` ## About Canvas Visual Design Skillは、抽象的なコンセプトを具体的なアートに変換し、ユニークで高品質なビジュアルデザインをPNGまたはPDFファイルとして生成できるようにします。まず、洗練されたデザイン哲学、すなわち出力のビジュアル言語を規定する美的ムーブメントを構築することから始まります。これにより、各作品は単なるグラフィックではなく、形態、空間、色彩、構成を通じてメッセージを伝える、細心の注意を払って作られたアートオブジェクトとなります。 このスキルは、熟練の技と独創性を重視することで際立っています。すべてのデザインは傑作として扱われ、一流のプロが何時間も丹念に手をかけたかのように見えます。テキストは最小限かつ視覚的に統合され、情報の主要な伝達手段ではなくアクセントとして機能し、視覚要素が核となるメッセージを伝えます。出力は常にクリーンで正確であり、厳格なプロの制作基準に準拠しています。 ユーザーはこのスキルを活用して、ユニークなポスターやアート作品の制作から、洗練されたブランドビジュアルや高品質なエディトリアルグラフィックの開発まで、さまざまな用途に利用できます。また、微妙な概念的参照を取り入れることで、深みのある層を加え、目の肥えた視聴者の共感を呼びます。一枚の印象的な画像であれ、複数ページにわたる芸術的ナラティブであれ、Canvas Visual Design Skillは博物館品質のビジュアルアウトプットを提供します。 ## Key features - **洗練されたデザイン哲学**: 芸術的創造を導く独自の視覚哲学（例：「ブルータリズムの喜び」「色彩の静寂」）を発展させ、形態、空間、色彩、構図を重視します。 - **エキスパートレベルの職人技**: すべての視覚的デザインが、一流のプロフェッショナルが数え切れない時間を費やしたかのように、細心の注意を払って作られていることを保証し、精密さとディテールに焦点を当てます。 - **最小限のテキスト、最大限の視覚的インパクト**: 視覚表現と空間的コミュニケーションを優先し、説明文の段落ではなく、テキストを控えめに、そして視覚的要素として統合します。 - **高品質な出力フォーマット**: 最終的な視覚的デザインを、ダウンロード可能な .png または .pdf ファイルとして生成し、美術館や雑誌にふさわしい品質で印刷やデジタル表示に適しています。 - **さりげないコンセプチュアルな統合**: アートにさりげなく、ニッチな概念的参照を織り込み、露骨に主張することなく深みを加えます。洗練された芸術的な引用のようです。 ## Use cases - **ユニークなポスターやアート作品の作成**: 既存のアーティストの作品の複製を避け、独自の美学を持ったオリジナルで視覚的に驚くようなポスター、アート、静的な作品をデザインします。 - **芸術的センスのあるブランドビジュアルの開発**: 特定の美的ムーブメントを伝える洗練されたブランディング用の視覚的要素を制作し、芸術的解釈と空間的コミュニケーションに焦点を当てます。 - **高品質なエディトリアルグラフィックの生成**: エディトリアルコンテンツ向けに、情報が熟練した空間的オーケストレーションと最小限で統合されたテキストを通じて伝えられる、非常に視覚的な1ページデザインを作成します。 ## Result preview このエージェントスキルによって生成された、さまざまなテーマの実際のポスターをご覧ください。 ![the demo of visual design Agent Skill](https://file.nanoskill.ai/visual-design-demo-1.png) ![the demo of visual design Agent Skill](https://file.nanoskill.ai/visual-design-demo-2.jpg) ![the demo of visual design Agent Skill](https://file.nanoskill.ai/visual-design-demo-3.jpg) ![the demo of visual design Agent Skill](https://file.nanoskill.ai/visual-design-demo-4.png) ## Result walkthrough ### ステップ1：インストール エージェントにスキルを追加します。 ![a simple demonstration of the first step in using Visual Design](https://file.nanoskill.ai/visual-design-step-1.jpg) ### ステップ2：デザインアイデアを提供 希望するビジュアルスタイルとメッセージを説明するデザインアイデアを提供します。 ![a simple demonstration of the second step in using Visual Design](https://file.nanoskill.ai/visual-design-step-2.jpg) ### ステップ3：結果をレビュー 生成されたデザインをレビューし、そのビジュアル品質とコミュニケーション効果を評価します。 ![a simple demonstration of the third step in using Visual Design](https://file.nanoskill.ai/visual-design-step-3.png) ## Skill definition これらはデザイン哲学、すなわち審美的な運動を創造するための指示であり、それらは視覚的に表現されます。出力は.mdファイル、.pdfファイル、.pngファイルのみです。 これを2つのステップで完了させてください: 1. デザイン哲学の作成 (.mdファイル) 2. キャンバス上に作成して表現する (.pdfファイルまたは.pngファイル) まず、このタスクに取り組んでください: ## デザイン哲学の作成 まず、以下を通じて解釈される視覚的哲学（レイアウトやテンプレートではなく）を作成してください: - 形態、空間、色彩、構成 - 画像、グラフィック、形状、パターン - 視覚的アクセントとしての最小限のテキスト ### 決定的な理解 - 受け取るもの: ユーザーからの、考慮すべき微妙な入力や指示ですが、それは基盤として使用されるべきものであり、創造的な自由を制限すべきではありません。 - 作成するもの: デザイン哲学/美的運動。 - 次に起こること: その後、同じバージョンがその哲学を受け取り、それを視覚的に表現します。つまり、90%がビジュアルデザイン、10%が必要不可欠なテキストである人工物を作成します。 このアプローチを考慮してください: - 芸術運動のマニフェストを書く - 次の段階ではアートワークを制作する 哲学は強調しなければなりません: 視覚的表現。空間的コミュニケーション。芸術的解釈。最小限の言葉。 ### 視覚哲学の生成方法 **運動に名前を付ける** (1～2語): 「ブルータリストの歓喜」 / 「色彩の沈黙」 / 「メタボリストの夢」 **哲学を明確にする** (4～6段落 - 簡潔だが完全に): 視覚的本質を捉えるために、哲学が以下の要素を通じてどのように現れるかを表現してください: - 空間と形態 - 色彩と素材 - スケールとリズム - 構成とバランス - 視覚的階層 **重要なガイドライン:** - **冗長性を避ける**: 各デザイン側面は一度だけ言及されるべきです。新たな深みを加える場合を除き、色彩理論、空間的関係、タイポグラフィの原則について繰り返し述べることは避けてください。 - **職人技を繰り返し強調する**: 哲学は、最終的な作品が何時間もかけて作成されたかのように見え、細心の注意を払って手がけられ、その分野の絶対的な頂点に立つ人物によるものであるように見えることを、何度も強調しなければなりません。この枠組みは不可欠です。「細心の注意を払って作り込まれた」「深い専門知識の産物」「骨の折れるほどの注意力」「マスターレベルの実行」といったフレーズを繰り返してください。 - **創造的な余地を残す**: 美的方向性については具体的でありながらも、次のClaudeが極めて高い職人技のレベルで解釈的な選択を行う余地を残すのに十分簡潔であること。 哲学は、次のバージョンがアイデアをテキストではなく視覚的に表現するよう導くものでなければなりません。情報は段落ではなくデザインの中に宿ります。 ### 哲学の例 **「コンクリート・ポエトリー」** 哲学: 記念碑的な形態と大胆な幾何学によるコミュニケーション。 視覚的表現: 巨大な色面、彫刻的なタイポグラフィ（巨大な単語、小さなラベル）、ブルータリスト的な空間分割、ポーランドのポスターのエネルギーとル・コルビュジエの融合。アイデアは視覚的な重みと空間的緊張を通じて表現され、説明はなし。テキストは稀で力強い身振りとして現れ、段落ではなく不可欠な単語だけが視覚的建築に統合される。すべての要素は巨匠の職人技の精度で配置される。 **「クロマティック・ランゲージ」** 哲学: 主要な情報システムとしての色彩。 視覚的表現: 色域が意味を生み出す幾何学的精度。タイポグラフィは最小限で、小さなサンセリフのラベルが色彩のフィールドに語らせる。ヨゼフ・アルバースの相互作用がデータビジュアライゼーションと出会うイメージ。情報は空間的かつ色彩的に符号化される。言葉は色彩が既に示していることを固定するだけ。骨の折れる色彩調整の結果。 **「アナログ・メディテーション」** 哲学: テクスチャと余白を通じた静かな視覚的瞑想。 視覚的表現: 紙の粒子、インクのにじみ、広大なネガティブスペース。写真とイラストが支配的。タイポグラフィはささやくように（小さく、控えめに、ビジュアルに奉仕する）。日本の写真集の美学。イメージはページを横切って呼吸する。テキストは控えめに現れる - 短いフレーズで、説明的なブロックは決してなし。各構成は瞑想の実践のような注意をもってバランスが取られる。 **「オーガニック・システムズ」** 哲学: 自然なクラスタリングとモジュール式の成長パターン。 視覚的表現: 丸みを帯びたフォルム、有機的な配置、建築を通じた自然からの色彩。情報は視覚的ダイアグラム、空間的関係、イコノグラフィによって示される。テキストは空間に浮かぶキーラベルのみ。構成は熟達した空間的オーケストレーションを通じて物語を語る。 **「ジオメトリック・サイレンス」** 哲学: 純粋な秩序と抑制。 視覚的表現: グリッドに基づく精度、大胆な写真または厳格なグラフィック、劇的なネガティブスペース。タイポグラフィは正確だが最小限で、小さな必須テキスト、大きな静寂の領域。スイスのフォーマリズムがブルータリスト的な素材の誠実さと出会う。構造がコミュニケーションし、言葉ではない。すべてのアライメントは無数の改良の成果。 *これらは凝縮された例です。実際のデザイン哲学は4～6の十分な段落であるべきです。* ### 必須の原則 - **視覚哲学**: デザインを通じて表現される美的世界観を作り出す - **最小限のテキスト**: テキストはまばらで、必要不可欠なもののみであり、視覚的要素として統合されることを常に強調する - 決して長くしない - **空間的表現**: アイデアは空間、形態、色彩、構成を通じてコミュニケートされる - 段落ではない - **芸術的自由**: 次のClaudeが哲学を視覚的に解釈する - 創造的な余地を提供する - **純粋なデザイン**: これは装飾付きの文書ではなく、アートオブジェクトを作ることについてである - **専門家の職人技**: 最終作品が細心の注意を払って作り込まれ、手間暇かけて手がけられ、その分野のトップによる無数の時間の産物であるように見えることを繰り返し強調する **デザイン哲学は4～6段落の長さであるべきです。** それを詩的なデザイン哲学で満たし、核となるビジョンをまとめ上げてください。同じポイントを繰り返さないでください。芸術の意図に言及せず、どこでも使用できるかのように、デザイン哲学を一般的なものに保ってください。デザイン哲学を.mdファイルとして出力してください。 --- ## 微妙な参照の推測 **重要なステップ**: キャンバスを作成する前に、元のリクエストから微妙な概念的スレッドを特定してください。 **必須の原則**: トピックは、**アート自体に埋め込まれた、微妙でニッチな参照**です - 常に文字通りではなく、常に洗練されています。その主題に詳しい人は直感的に感じ取るはずですが、他の人は単に卓越した抽象的な構成を体験します。デザイン哲学は美的言語を提供します。推測されたトピックは魂を提供します - 形態、色彩、構成に目に見えないように織り込まれた静かな概念的DNAです。 これは**非常に重要**です: 参照は、それ自体を主張することなく作品の深みを高めるように洗練されなければなりません。別の曲を引用するジャズミュージシャンのように考えてください - 知っている人だけが気づくが、誰もがその音楽を鑑賞します。 --- ## キャンバス作成 哲学と概念的枠組みの両方が確立されたら、キャンバス上で表現してください。思考をまとめ、心をクリアにする時間を取ってください。作成されたデザイン哲学と以下の指示を使用して、傑作を作り上げ、専門家の職人技で哲学のすべての側面を具現化してください。 **重要**: あらゆる種類のコンテンツに対して、たとえユーザーが映画/ゲーム/本のために何かをリクエストしたとしても、アプローチは依然として洗練されているべきです。これがアートであるべきだという考えを決して見失わないでください。漫画的だったりアマチュアっぽいものではありません。 美術館や雑誌の品質の作品を作成するには、デザイン哲学を基盤として使用してください。1ページだけの、非常に視覚的でデザイン重視のPDFまたはPNG出力を作成してください（さらにページを求められない限り）。一般的には、繰り返しパターンと完璧な形状を使用してください。抽象的な哲学的デザインを、まるで科学的な聖典であるかのように扱い、系統的な観察の視覚言語を借用してください - 忍耐強い反復を通じて意味を構築し、持続的な鑑賞に報いる、マークの緻密な集積、繰り返される要素、または層状のパターン。最小限の臨床的なタイポグラフィと体系的な参照マーカーを追加し、これが架空の学問分野の図表である可能性を示唆し、目に見えない主題を通常は観察可能な現象を記録するために確保されるのと同じ敬意で扱います。この作品を、意図的でまとまりのある限定されたカラーパレットを使用して、微妙に配置されたシンプルなフレーズや詳細で固定してください。人間の経験についてのアイデアを表現するために分析的な視覚言語を使用するパラドックスを受け入れてください。その結果は、儚いものが注意深い観察によって研究され、マッピングされ、理解され得ることを証明する人工物のように感じられるべきです。これは真のアートです。 **文脈要素としてのテキスト**: テキストは常に最小限でビジュアルファーストですが、文脈によってささやくようなラベルにするか大胆なタイポグラフィのジェスチャーにするかを導きます。パンク会場のポスターには、ミニマリストの陶芸スタジオのアイデンティティよりも大きく攻撃的な文字があるかもしれません。ほとんどの場合、フォントは細くするべきです。すべてのフォントの使用はデザイン重視で、視覚的コミュニケーションを優先しなければなりません。テキストのスケールに関係なく、ページから落ちるものはなく、重なるものもありません。すべての要素は適切なマージンを持ってキャンバスの境界内に収められなければなりません。すべてのテキスト、グラフィック、視覚的要素に余白と明確な分離があることを注意深く確認してください。これはプロフェッショナルな実行のために譲れません。 **重要: テキストを書く場合は異なるフォントを使用してください。 `./canvas-fonts` ディレクトリを検索してください。アプローチに関係なく、洗練は譲れません。** これを実現するために必要なフォントをダウンロードして使用してください。タイポグラフィを実際にアートの一部にすることで創造的になりましょう -- アートが抽象的である場合、フォントをキャンバス上に持ってきて、デジタルで植字しないでください。 限界を押し広げるために、哲学を指針としながらデザインの本能/直感に従ってください。究極のデザインの自由と選択を受け入れてください。美学とデザインを最前線に押し出してください。 **重要**: 人間が作り上げた品質（AI生成ではない）を達成するために、何時間もかかったように見える作品を作成してください。その分野の絶対的なトップにいる人物が、細部にまで骨の折れる注意を払って丹精込めたように見せてください。構成、間隔、色彩の選択、タイポグラフィ - すべてが専門家レベルの職人技を叫ぶようにしてください。何も重なっていないこと、フォーマットが完璧であること、細部がすべて完璧であることを再確認してください。見せて専門知識を証明し、紛れもなく印象的と評価されるものを作成してください。 最終結果を、単一のダウンロード可能な.pdfまたは.pngファイルとして、使用されたデザイン哲学とともに.mdファイルとして出力してください。 --- ## 最終ステップ **重要**: ユーザーは既に「これでは完璧ではありません。美術館に展示される直前のように、汚れがなく、職人技の傑作でなければなりません。」と言っています。 **重要**: 作品を洗練させるために、グラフィックを追加するのではなく、作成されたものを洗練させ、極めて鮮明にし、デザイン哲学とミニマリズムの原則を完全に尊重してください。楽しいフィルターを追加したりフォントをリファクタリングするのではなく、既存の構成をアートとより一体感のあるものにする方法を考えてください。新しい関数を呼び出したり新しい形を描こうとする本能があるなら、立ち止まって自問してください: 「すでにあるものを、より一層アート作品にするにはどうすればいいか？」 二度目のパスを行ってください。コードに戻り、これを哲学的にデザインされた傑作にするためにさらに洗練/研磨してください。 ## 複数ページオプション リクエストに応じて追加ページを作成するには、デザイン哲学に沿いつつも明確に異なる、より創造的なページを作成してください。それらのページを同じ.pdfまたは多数の.pngにバンドルしてください。最初のページを、コーヒーテーブルブックの埋められるのを待っている1ページに過ぎないものとして扱ってください。次のページを、オリジナルのユニークなひねりや記憶にしてください。非常に趣味良く、ほとんど物語を語るようにしてください。完全な創造的自由を行使してください。 ## FAQ ### このスキルはどのような視覚的デザインを作成できますか？ このスキルは、.png や .pdf ドキュメントとして美しいビジュアルアートを作成できます。ポスター、アート作品、その他の静的なデザインなどが含まれ、独自のデザイン哲学に導かれています。 ### このスキルは、視覚的デザインにおいてどのように独創性を確保していますか？ このスキルは、既存のアーティストの作品を決してコピーせず、独自の美的ムーブメントと解釈を展開することに焦点を当て、オリジナルの視覚的デザインを作成するよう指示されています。 ### この文脈における「デザイン哲学」とは何ですか？ デザイン哲学とは、このスキルによって生み出される美的ムーブメントまたは世界観であり、形態、空間、色彩、構図、画像、グラフィックなどの要素を通じて表現され、視覚的アウトプットを導きます。 ### このスキルは、視覚的デザインにおいてテキストをどのように扱いますか？ テキストは常に最小限で視覚優先であり、視覚的要素として統合されます。ささやくような控えめなラベルや大胆なタイポグラフィのジェスチャーになることもありますが、常にデザイン主導で、キャンバスの境界内に収められます。 ### このスキルは、複数ページの視覚的デザインを作成できますか？ はい、リクエストに応じて、同じデザイン哲学に沿った追加のクリエイティブページを作成し、同じ .pdf にまとめたり、複数の .png として提供したりできます。それらはオリジナルに独自のひねりを加えたものとして扱われます。 ### 視覚的デザインから期待できる職人技のレベルはどの程度ですか？ このスキルは、細心の注意を払って作り込まれたように見える作品を生み出すよう設計されており、まるで数え切れない時間をかけて、その分野の最高峰の人物によって作られたかのようです。美術館や雑誌に掲載されるクオリティを保証します。