# canvas-design スキルは何のためにあるのか

Canonical URL: https://bestskillsforclaude.com/ja/skills/canvas-design
Language: ja
Skill: canvas-design
Publisher: Anthropic (https://github.com/anthropics)
Source: https://github.com/anthropics/skills/tree/main/skills/canvas-design
License as stated by the publisher: Apache 2.0
Runtime: Claude apps and Claude Code
Category: デザインとインターフェース
Last reviewed: 2026-08-05

押すものではなく、見るもののための構図です。

## Short answer
canvas-design スキルは、ポスター、表紙、図解、グラフィックのように、階層と余白が意味を運ぶビジュアル作品の構図に集中します。成果物が画像ならこちら、ボタンがあるなら frontend-design を使ってください。

Best for: ポスター、SNS 画像、表紙、イベント素材、単体で成立する画像。
Skip it if: 操作可能なインターフェースが必要な場合。そこでは構図より状態設計が重要です。

## What to remember
- 扱うのは構図と階層であって装飾ではありません。
- 判型と読ませる順序が、結果を最も左右する 2 つの入力です。
- frontend-design とは競合せず補完します。
- タイポグラフィは最後に人の手を入れる価値が残ります。

## 実務で何が変わるか
生成された図版は階層で失敗しがちです。すべてが同じ重さで、最初に読まれる要素が存在しません。構図のスキルを介すと、何を支配的にするかを決めざるを得なくなります。訓練されていない目が避けるのは、まさにその判断です。
批評の道具としても有効です。別案を出させるより、いまのレイアウトの何が悪いかを説明させたほうが得るものが多い場面は珍しくありません。

## 期待に届かない点
細かなタイポグラフィ、字間、視覚的な余白調整は依然として弱く、ラベルの多い情報図は詰まりがちです。
出力は人が仕上げる構図の下書きとして扱ってください。印刷に出せる完成データではありません。

## Install and first run
1. anthropics/skills から Apache 2.0 で導入します。
2. 判型と、部屋の反対側から最初に読ませたい要素を 1 つ指定します。
3. 色より先に階層を詰めます。構図の問題が配色の問題であることはありません。

## Questions
### frontend-design との違いは
canvas-design は構成された静的ビジュアル向け、frontend-design は操作するインターフェース向けです。

### 既存デザインの批評はできますか
できます。別案より批評を求めたほうが有用な方向性が得られることが多いです。

### そのまま印刷できますか
通常はできません。印刷前にタイポグラフィと余白を調整する前提で見てください。

## Sources
- GitHub の anthropics/skills: https://github.com/anthropics/skills
- anthropics/skills、canvas-design スキルのディレクトリ: https://github.com/anthropics/skills/tree/main/skills/canvas-design

## Other languages
- English: https://bestskillsforclaude.com/en/skills/canvas-design
- Spanish: https://bestskillsforclaude.com/es/skills/canvas-design
- Brazilian Portuguese: https://bestskillsforclaude.com/pt-br/skills/canvas-design