デザインとインターフェースClaude apps and Claude Code
Anthropic / canvas-design
canvas-design スキルは何のためにあるのか
押すものではなく、見るもののための構図です。
押さえておく点
- 扱うのは構図と階層であって装飾ではありません。
- 判型と読ませる順序が、結果を最も左右する 2 つの入力です。
- frontend-design とは競合せず補完します。
- タイポグラフィは最後に人の手を入れる価値が残ります。
01実務で何が変わるか
生成された図版は階層で失敗しがちです。すべてが同じ重さで、最初に読まれる要素が存在しません。構図のスキルを介すと、何を支配的にするかを決めざるを得なくなります。訓練されていない目が避けるのは、まさにその判断です。
批評の道具としても有効です。別案を出させるより、いまのレイアウトの何が悪いかを説明させたほうが得るものが多い場面は珍しくありません。
02期待に届かない点
細かなタイポグラフィ、字間、視覚的な余白調整は依然として弱く、ラベルの多い情報図は詰まりがちです。
出力は人が仕上げる構図の下書きとして扱ってください。印刷に出せる完成データではありません。
導入と最初の実行
- anthropics/skills から Apache 2.0 で導入します。
- 判型と、部屋の反対側から最初に読ませたい要素を 1 つ指定します。
- 色より先に階層を詰めます。構図の問題が配色の問題であることはありません。
実際によくある質問
- frontend-design との違いは
- canvas-design は構成された静的ビジュアル向け、frontend-design は操作するインターフェース向けです。
- 既存デザインの批評はできますか
- できます。別案より批評を求めたほうが有用な方向性が得られることが多いです。
- そのまま印刷できますか
- 通常はできません。印刷前にタイポグラフィと余白を調整する前提で見てください。
出典
このページの機械可読版