Claudeの隠されたアートスキル：コードでイラストを作成

Claudeは画像生成ができないと言われることがよくありますが、それは半分しか正しくありません。確かにMidjourneyやChatGPTのような写真級の画像は出力できませんが、SVGコードを記述することでベクターイラストを生成する能力を持っています。これらの画像はピクセルではなく図形と座標で定義されるため、どんなサイズでも鮮明に表示でき、テキストの指示で直接編集できるという利点があります。

仕組み

Claudeがビジュアルを作成するとき、実際にはSVGコード（図形や座標を記述する命令）を生成します。例えば「(100,200)に半径50の赤い円を描く」といった具合です。この方法の利点は2つあります。第一に、画像は計算によって再描画されるため拡大してもぼやけません。第二に、説明文を変更することで画像を変更できる点で、これはピクセルベースの生成器では不可能です。

5つのスタイル例

記事では5つのシンプルな英語プロンプトから生成された作品を紹介しています：

1. 単線アート：均一な線幅の黒い輪郭の鉢植え。ブログのヘッダーに最適。
2. アイソメトリックな家：3面に陰影がついた家で等角投影法で描かれ、プロダクト説明図に有用。
3. 一貫したスタイルのアイコンセット：太陽、雲、雨、雪、雷のフラットアイコン。太さと間隔が統一されています。
4. データパネル：数値から自動生成された棒グラフ。最大値がハイライトされ、ラベルとベースライン付き。
5. フラットキャラクターイラスト：暖色系のシンプルな形状の座っているキツネ。ベクターイラストの雰囲気を持ちます。

他の生成器にはないトリック

Claudeの最大の強みは、既存の画像を直接編集できることです。例えば、シンプルなマグカップの画像に対して「コーラル色にして」「上部に湯気を追加して」「水玉模様とソーサーをつけて」と3つの指示を順に与えると、マグカップの形状を保ったまま変更が適用されます。ピクセル画像では再生成が必要なところ、Claudeでは会話的に画像を調整できます。

良い結果を得るためのコツ

• スタイルを明示：「フラットベクター」「単線」「アイソメトリック」など具体的に指定。
• ムードを設定：「暖かい夕暮れ色、穏やか」のように色彩と雰囲気を伝える。
• SVGを要求：編集可能なベクター形式で取得する。
• 1度に1つの変更：細かい指示を1つずつ与え、他の部分を維持。
• セットで依頼：アイコンシリーズなどはまとめて依頼するとスタイルが統一される。

得意・不得意な分野

ClaudeのSVG描画は、ロゴ、アイコンセット、図表、ダイアグラム、ブログのヘッダー画像、フラットな幾何学図形に向いています。一方、フォトリアリズム、絵画的なテクスチャ、複雑な有機的シーン、リアルな照明が必要な画像は苦手です。

まとめると、Claudeは写真のような画像は描けませんが、無料で即座に高品質なベクターイラストを生成し、さらに一言で修正を加えることができます。日常的なアイコンや図表、装飾イラストには十分な能力です。この記事のすべてのイラストはClaudeがSVGで描いたものであり、画像生成器やプラグインは使用されていません。