スキル Anthropic

canvas-design(ポスターやアートを PNG・PDF で作る)

まず「デザインの思想」を短い宣言文として書き、それを 1 枚の PNG か PDF の作品として描く。文字を減らし、造形で伝えるポスターやアート向けの公式スキル。

図形が重なり合う作品を表す記号が、集積回路のチップの中央に置かれ、四方に配線が伸びている図
種類
スキル
提供元・作者
Anthropic
ライセンス
Apache-2.0
内容を確認した日
2026.11.10

何をするものか

anthropics/skills の、静止したビジュアルを作るスキルです。出力は .md・.pdf・.png のみで、作業は 2 段階に分かれます。

1 つ目は「デザイン哲学」を作ること。「Brutalist Joy」「Chromatic Silence」のように 1〜2 語で運動の名前を付け、形・色・リズム・構図・階層について 4〜6 段落で宣言文を書きます。2 つ目は、その哲学を 1 枚のキャンバスに表現することです。作品の 9 割を造形、1 割を最小限の文字にする、と決めているのが特徴です。

指示文は、手間と技量が見えるような仕上がりを繰り返し求めています。最終段階では「足すのではなく、今あるものを磨く」ことを求めます。

GitHub のリポジトリ全体のスター数は 約19万(2026-11-10 時点)です。人気のあるスキル集のなかから、すでに掲載しているものと重ならない内容を選びました。

使われる場面と頼み方

こんな依頼で読み込まれる

  • ポスター、アート作品、静止画のデザインを頼むとき
  • 一貫した世界観の作品を複数ページで作りたいとき

頼み方の例

  • 静けさをテーマにした、展覧会のポスターを 1 枚作って
  • デザイン哲学を先に書いてから、A3 縦の PDF にして

中身の解説

SKILL.md の構成

  • デザイン哲学の作り方(運動に名前を付ける/4〜6 段落で宣言する)
  • 哲学の例(「Concrete Poetry」「Chromatic Language」など)
  • 重要な原則
  • さりげない参照元の見つけ方
  • キャンバスでの制作
  • 最後の仕上げ
  • 複数ページにする場合

守らせていること

  • 説明文ではなく、視覚で伝える。文字は、静かなラベルか大胆な一言として使う
  • 既存の作家の作品を写さず、独自の表現にする
  • 映画・ゲーム・本の題材でも、子供っぽくならず洗練された見た目にする
  • 仕上げでは図形を足さず、余白・配置・細部を詰めて緻密にする

付属のファイル

canvas-fonts/ に、制作で使うフォントが入っています。

ファイル構成

skills/canvas-design/ ↗

ファイル役割
SKILL.mdデザイン哲学の作り方と、キャンバスへの表現の手順
canvas-fonts/制作に使うフォント
LICENSE.txtApache License 2.0

入れ方

必要なもの画像や PDF を生成できる環境(Python などの描画ライブラリ)

Claude Code で使う

スキルのフォルダ(skills/canvas-design)を、~/.claude/skills/ の下(個人用)か、プロジェクトの .claude/skills/ の下(そのプロジェクト用)にコピーします。フォルダの名前はそのまま使います。

git clone https://github.com/anthropics/skills.git
cp -r skills/skills/canvas-design ~/.claude/skills/

コピーしたあと、Claude Code を開き直すと、依頼の内容に合うときに自動で読み込まれます。

そのほか

リポジトリによっては、プラグインやコマンドでの導入方法を README に載せています。最新の手順は、リポジトリの README を確認してください。

注意点

思想の宣言文を先に書くため、すぐに仕上がる実用デザイン(名刺やバナーなど文字が主役のもの)には向きません。文字が多い資料は、別の方法を選んでください。

詳しい情報

動く環境
CLI
料金
無料
リポジトリ内の場所
skills/canvas-design
作者
Anthropic
ライセンス
Apache-2.0
内容を確認した日
2026-11-10

内容はリポジトリの公開内容(2026.11.10時点)にもとづきます。更新されていることがあるため、使う前にリンク先で確かめてください。