使い方ガイドへスキップ
canvas-design作者 Anthropic

Canvas Design スキル。

Claude Code と Codex 向けの画像制作用スキル。オリジナルのポスターや静的なビジュアル作品を PNG または PDF で提供します。

  • 画像と生成アート
  • PNG / PDF
anthropics/skills · skills/canvas-design/SKILL.mdSKILL.md
--- name: canvas-design description: 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. --- ## DESIGN PHILOSOPHY CREATION ## CANVAS CREATION ## FINAL STEP ## MULTI-PAGE OPTION
2026-09-14 に上流ファイルから読み込まれた冒頭部分とセクション見出し · 全 11,937 文字

01 できること

Claude CodeおよびCodexにおけるcanvas-designスキルの機能

概要、ワークフロー、出力。いずれもスキルの SKILL.md から読み取った内容です。

SKILL.md より2026年9月14日読取 · 実行記録ではありません

スキル自身の言葉で

canvas-designは、まずデザイン哲学——形、空間、色、構成によって表現される美学的な運動——を作り出し、その哲学を1ページのキャンバス上に視覚的に表現することで、PNGまたはPDFファイルとしてオリジナルのビジュアルアートを生成します。このスキルは、デザインを装飾された文書としてではなく、アートオブジェクトを作り出すものとして扱い、テキストは説明のためではなく、控えめなビジュアルアクセントとして使用されます。

その分野の頂点にいる人物が入念に作り上げたかのような職人技を重視し、それ自体を主張することなく深みを増す、微妙なコンセプチュアルな参照を埋め込みます。出力は、体系的な反復、重層的なパターン、意図的な抑制によって、じっくりと見続けるに値する美術館やマガジンレベルの品質を持つ作品です。

生成されるもの

  • 美学的な運動を名付け、その視覚的な表現を明確にする4〜6段落のデザイン哲学を含むマークダウンファイルです。
  • 最小限のテキスト、反復するパターン、そして熟練した職人技によって哲学を視覚的に表現した、1ページのPDFまたはPNGファイル(要望に応じて複数ページも可)です。
プロンプト例を見る ↗

仕組み

  1. 01
    デザイン哲学を書く

    美学的な運動を1〜2語で名付け、空間、形、色、スケール、リズム、構成、視覚的階層を通じてその視覚的本質を捉える4〜6段落で明確に表現します。

  2. 02
    微妙な参照を導き出す

    元のリクエストからコンセプチュアルな筋を、アートそのものに埋め込まれたニッチな参照として特定します——それは文字通りのものではなく、洗練され直感的なものであり、形と色に見えない形で織り込まれた魂を提供します。

  3. 03
    キャンバス上で表現する

    哲学を基盤として、反復するパターン、完璧な形、密に積み重ねられたマーク、控えめでクリニカルなタイポグラフィ、そして統一感のある限定されたカラーパレットを用いた1ページのPDFまたはPNGファイルを作成します。

  4. 04
    完璧な職人技へと洗練する

    グラフィックを追加することなく、既存の構成を磨き上げる2回目のパスを行い、アートとの一体感を高め、何も重なり合わず、すべての細部が完璧になるよう、完全なフォーマットを確保します。

02 適合性を確認

canvas-design スキルを使用するタイミング

この種の画像作業を行う場合は、Claude Code または Codex で canvas-design スキルを使用してください。以下の適合性と制限は、スキル自体のファイルから引用されています。

適している場合

  • ユーザーが明示的に要求した場合に、ポスター、アート作品、デザイン、その他の静止物を作成する場合。
  • 体系的な視覚言語で表現される抽象的で哲学的なデザインを伴う、美術館や雑誌品質の作品が求められるプロジェクト。
  • コーヒーテーブルブックのように、各ページが元のデザイン哲学に独自のひねりを加えた複数ページのクリエイティブプロジェクト。

境界を知る

  • 純粋なアート作品ではなく、装飾を伴う文書を作成する場合。
  • アイデアを伝えるために長い文章や説明的な段落を必要とする作業。

提供すべきもの

  • ちょっとした入力や指示ユーザーからの、基礎となるものの創造的な自由を制約すべきではない、ちょっとした入力。
  • 追加ページのリクエストユーザーが複数ページを要求した場合、このスキルは同じデザイン哲学に沿った創造的なページをさらに作成し、同じPDFまたは複数のPNGにまとめます。

03 スキルの内部

canvas-designスキルがClaude CodeとCodexに与えるルール

SKILL.md がエージェントに設定する 8 つの具体的な指示・既定値・制限 — 結果を変える部分です。

  1. テキストは最小限で、視覚的な要素のみ

    テキストはまばらで必要最小限にとどめ、視覚的要素として統合されなければなりません。長い段落は決して使いません。情報はデザインの中に存在するのであって、段落の中にはありません。

  2. 何もオーバーラップさせず、ページからはみ出させない

    すべてのテキスト、グラフィック、視覚要素には十分な余白と明確な区切りが必要であり、適切なマージンを設けてキャンバスの境界内に収める必要があります。

  3. 熟練した職人技を繰り返し強調する

    哲学の中で、最終的な作品が数え切れないほどの時間をかけて作られ、丹念に手をかけられ、その分野の頂点に立つ人物によるものであるかのように見えるべきだ、ということを何度も強調しなければなりません。

  4. 哲学における冗長性を避ける

    各デザイン要素は、4〜6段落の哲学の中で一度だけ言及されるべきです。

  5. 既存アーティストの作品を絶対にコピーしない

    著作権侵害を避けるため、独自の視覚デザインを作成します。このスキルは独自のアートを作成するためのものであり、既存の作品を再現するためのものではありません。

  6. デザインファイルのみを出力する

    哲学についてはmarkdownファイルのみ、視覚表現についてはPDFまたはPNGファイルのみを出力します。他のファイル形式は生成されません。

  7. ポップカルチャーであっても洗練されたアプローチを

    映画、ゲーム、書籍の素材に関するリクエストであっても、どのような種類のコンテンツに対しても、アプローチは常に洗練されたアートであるべきで、決してカートゥーン風やアマチュア的なものにはなりません。

  8. canvas-fontsディレクトリのフォントを使用する

    ./canvas-fontsディレクトリを検索し、必要なフォントをダウンロードします。

04 実際に使う

Claude Code または Codex に canvas-design をインストール

npx skills add コマンドを実行し、エージェントで最初のタスクを実行して、結果をチェックリストで確認します。

Claude Code、Codex、または使用中のエージェントに canvas-design を追加

プロジェクトで実行してください。インストーラーが、どのエージェントに追加するかを尋ねます。

Terminal
npx skills add https://github.com/anthropics/skills --skill canvas-design

skills/canvas-design/SKILL.md用の一般的なskills CLI形式です。リポジトリによっては独自のパスが記載されている場合があります。

スキルに最初の画像制作タスクを与える

スキル自身の用語で記述されています。角括弧の部分はご自身の内容に置き換えてください。

Starter prompt
Create a poster for [independent film festival] that captures the spirit of [experimental cinema] and [urban renewal]. The piece should feel like it belongs in a contemporary art museum, with minimal text beyond the festival name and dates. I want something that rewards close looking and reflects the sophistication of the programming.

出典:SKILL.md をスキル自身の用語に沿って記述。

最初の結果を確認

SKILL.md 自体が正しい結果として示しているもの:

  • 何も重ならず、ページからはみ出していないことを確認してください。すべての要素にゆとりがあり、キャンバスの境界内で明確に分離されている必要があります。
  • 作品がその分野の頂点にいる人物によって作られたかのように、細部まで手間をかけて丹念に仕上げられているように見えることを確認してください。
  • テキストは最小限かつ本質的なものにとどめ、説明的な段落ではなく視覚的要素として統合されていることを確認してください。
  • 構図、間隔、配色、タイポグラフィのすべてが専門家レベルの技巧と完璧なフォーマットを示していることを確認してください。
  • テーマがポップカルチャーであっても、作品が洗練されアート性が高く、決して漫画的・素人的にならないことを確認してください。

OpenDesignでは canvas-designが標準搭載されています。Plugins → Skillsから上部バーで選択してください。

05 オープンソースで追跡可能

ソース、ライセンス、検証

このページの情報の出所と、最終確認日時です。

Author
Anthropic
Repository
github.com/anthropics/skills ブランチ main
スキルファイル
skills/canvas-design/SKILL.md 検証時に記録されたコンテンツチェックサム、コミット 34040c9
License
Apache-2.0 skills/canvas-design/LICENSE.txt より。SKILL.md には「完全な条項は LICENSE.txt に記載」とあります。
リポジトリスター数
176,183 anthropics/skills リポジトリ全体の GitHub スナップショット(2026-09-14 取得)。このリポジトリには、このカタログに含まれる 7 つのスキルが含まれています。canvas-design の評価や使用回数ではありません。
OpenDesign により検証済み
2026-09-14 ソースファイル、パス、ライセンステキスト、スター数を確認済み。OpenDesign メイン版に同梱(2026-08-28 確認)。このページでは実際の実行記録はまだありません。

SKILL.md の中身

  1. デザイン哲学の創出最小限のテキストで、形、空間、色、構成を通じて表現される視覚的な哲学を創出するための指示です。
  2. 重要な理解事項ユーザーから受け取るもの、創出される哲学、そしてそれが次にどのように視覚的に表現されるかを定義します。
  3. 視覚的哲学の生成方法ムーブメントに名前を付け、空間・形・色・スケール・リズムを通じた視覚的本質を4〜6段落で明確に述べる手順です。
  4. 哲学の例Concrete Poetry、Chromatic Language、Analog Meditationなど、視覚的表現のアプローチを示す5つの凝縮された哲学の例です。
  5. 基本原則視覚的哲学、最小限のテキスト、空間的表現、芸術的自由、純粋なデザイン、そして専門的な技巧を重視する基本ルールです。
  6. 微妙な参照の読み取りリクエストからニッチな概念的なつながりを特定し、作品の魂として形と色に目立たない形で埋め込みます。
  7. キャンバスの作成繰り返しパターン、完璧な図形、控えめなタイポグラフィ、限られたパレット、そして美術館レベルの品質を用いて、単一ページのPDFまたはPNGで哲学を表現します。
  8. 最終ステップグラフィックを追加せずに作品を洗練させ、既存の構成を傑作としてより統一感のある、シャープで完璧なものにします。
  9. 複数ページのオプション要求があれば、哲学に対する独自の解釈として追加ページを作成し、同一のPDFにまとめたり、複数のPNGとして提供します。
スキル自身による説明
「デザイン哲学を使用して、.png および .pdf ドキュメントで美しいビジュアルアートを作成します。ユーザーがポスター、アート作品、デザイン、またはその他の静的作品の作成を依頼した場合に、このスキルを使用してください。著作権侵害を避けるため、既存のアーティストの作品をコピーせず、オリジナルのビジュアルデザインを作成します。」

SKILL.md からのフロントマター説明。完全なファイルは約 11,937 文字です。GitHub で完全なファイルを読む

06 インストールする前に

canvas-designスキルに関するよくある質問

回答は 2026-09-14 時点で読んだ SKILL.md に基づくもので、記録された実行結果によるものではありません。

最終的なビジュアルデザインにはどれくらいのテキストが表示されますか?

テキストは常に最小限でビジュアル優先とし、説明のためではなく控えめなビジュアルアクセントとして使用します。情報は段落ではなくデザインの中に存在します。作品は90%がビジュアルデザイン、10%が必要最小限のテキストで構成され、フォントは通常細めでデザイン性の高いものを使用し、重ねるのではなく構成の中に統合されます。

このスキルはどのようにプロフェッショナルな品質を保証していますか?

このスキルはプロセス全体を通じて専門的な技巧を繰り返し重視し、その分野の頂点にいる人物によって丹念に作り込まれたように見える作品を生み出します。必須の洗練ステップが含まれており、何も重なっていないこと、すべてのフォーマットが完璧であること、適切なマージンとゆとりを持ってすべての細部が完璧であることを確認します。

Canvas Design

実際の画像制作タスクで canvas-design を実行します。

canvas-design スキルは OpenDesign に同梱されています。アプリをダウンロードし、Plugins → Skills でスキルを選択し、上記のプロンプトを貼り付けて、結果の前にプランを確認してください。

ターミナル
npx skills add https://github.com/anthropics/skills --skill canvas-design