Communityコーディング&開発github.com

canvas-design

デザイン哲学に基づき、.pngや.pdf形式で美しいビジュアルアートを作成します。ユーザーがポスター、アート作品、デザインなどの静的アートを依頼した際に使用してください。著作権違反を避けるため、既存アーティストの作品をコピーせず、オリジナルのビジュアルデザインを生成します。

canvas-design とは?

このスキルは、デザイン哲学(美的ムーブメント)を生成し、それをキャンバス上で視覚的に表現することで、展示品質の静的アート(.pngまたは複数ページのPDF)を作成するためのものです。ユーザーの入力を基に「ブルータリスト・ジョイ」や「クロマティック・サイレンス」などの独自の芸術運動を定義し、空間、形態、色彩、ミニマルなテキストを重視したデザイン哲学(.mdファイル)を作り上げます。その後、哲学を視覚的に具現化します。フォルダにあるフォントを適用し、配置、色、タイポグラフィを緻密に調整することで、何時間もかけて熟練の職人が仕上げたかのような、AI生成を感じさせない高品質な作品を生成します。また、参照元の概念を洗練された形で作品に忍び込ませることで、深みを加えつつ、アートとしての独立した魅力を保ちます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ComposioHQ/awesome-claude-skills/tree/master/canvas-design

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

これらはデザイン哲学(美的ムーブメント)を作成し、それを視覚的に表現するための指示です。出力は.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生成ではなく人間が作った品質を達成するために、途方もない時間がかかったように見える作品を作成します。自分の分野で絶対的な頂点に立つ人物が、すべての細部に骨の折れる注意を払って作業したように見せかけます。構成、間隔、色の選択、タイポグラフィなど、すべてが専門家レベルの職人技を示していることを確認します。何も重なっておらず、フォーマットが完璧で、すべての細部が完璧であることを再確認します。人々に専門知識を証明し、否定できないほど印象的であると評価されるような作品を作成します。

最終結果を、使用されたデザイン哲学の.mdファイルとともに、単一のダウンロード可能な.pdfまたは.pngファイルとして出力します。


最終ステップ

重要: ユーザーは既に「完璧ではない。もっと完成度を高め、超絶技巧の傑作、まるで美術館に展示されるかのような作品にしなければならない」と述べています。

重要: 作品を洗練するために、グラフィックを追加するのではなく、作成されたものを洗練し、非常に鮮明にし、デザイン哲学とミニマリズムの原則に完全に従います。楽しいフィルターを追加したり、フォントをリファクタリングしたりする代わりに、既存の構成をアートとより調和させる方法を検討します。新しい関数を呼び出したり、新しい形状を描いたりしたい衝動に駆られたら、一度止まって次のように自問します。「すでにあるものを、どうすればもっと芸術作品にできるか?」

二度目のパスを取ります。コードに戻り、さらに洗練/研磨して、これを哲学的にデザインされた傑作にします。

複数ページオプション

リクエストに応じて追加ページを作成するには、デザイン哲学に沿いながらも明確に異なる、より創造的なページを作成します。それらのページを同じ.pdfまたは複数の.pngファイルにまとめます。最初のページを、一杯になるのを待っているコーヒーテーブルブック全体の中の1ページとして扱います。以降のページを、オリジナルに対するユニークなひねりと記憶にします。非常にセンスの良い方法で、ほとんど物語を語るようにします。完全な創造的自由を行使します。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

ably-automation

Automate Ably tasks via Rube MCP (Composio). Always search tools first for current schemas.

abstract-automation

Automate Abstract tasks via Rube MCP (Composio). Always search tools first for current schemas.

abuselpdb-automation

Automate Abuselpdb tasks via Rube MCP (Composio). Always search tools first for current schemas.

abyssale-automation

Automate Abyssale tasks via Rube MCP (Composio). Always search tools first for current schemas.

accelo-automation

Automate Accelo tasks via Rube MCP (Composio). Always search tools first for current schemas.

accredible-certificates-automation

Automate Accredible Certificates tasks via Rube MCP (Composio). Always search tools first for current schemas.

acculynx-automation

Automate Acculynx tasks via Rube MCP (Composio). Always search tools first for current schemas.

active-campaign-automation

Automate ActiveCampaign tasks via Rube MCP (Composio). Always search tools first for current schemas.

addresszen-automation

Automate Addresszen tasks via Rube MCP (Composio). Always search tools first for current schemas.

adobe-automation

Automate Adobe tasks via Rube MCP (Composio). Always search tools first for current schemas.

adrapid-automation

Automate Adrapid tasks via Rube MCP (Composio). Always search tools first for current schemas.

adyntel-automation

Automate Adyntel tasks via Rube MCP (Composio). Always search tools first for current schemas.

aeroleads-automation

Automate Aeroleads tasks via Rube MCP (Composio). Always search tools first for current schemas.

aero-workflow-automation

Automate Aero Workflow tasks via Rube MCP (Composio). Always search tools first for current schemas.

affinda-automation

Automate Affinda tasks via Rube MCP (Composio). Always search tools first for current schemas.

affinity-automation

Automate Affinity tasks via Rube MCP (Composio). Always search tools first for current schemas.

agencyzoom-automation

Automate Agencyzoom tasks via Rube MCP (Composio). Always search tools first for current schemas.

agent-mail-automation

Automate Agent Mail tasks via Rube MCP (Composio). Always search tools first for current schemas.

agentql-automation

Automate Agentql tasks via Rube MCP (Composio). Always search tools first for current schemas.

agenty-automation

Automate Agenty tasks via Rube MCP (Composio). Always search tools first for current schemas.

関連スキル