
結論から言うと、Claude Code単体では画像を生成できません。 Claude Codeは、コードの推論、ファイル操作、シェル実行のために作られたターミナルベースのコーディングエージェントであり、ピクセルを生成するためのものではありません。ただし、Claude Codeに画像生成を追加する現実的な方法は3つあります。MCPサーバー、Capability Runtime CLI、そして直接API連携です。
このガイドでは、それぞれの方法を実際のコマンドと出力例つきで紹介します。自分のワークフローに合った方法を選べます。
Claude Codeは画像を生成できる? 短い答え
Claude Code(AnthropicのターミナルネイティブなAIコーディングエージェント)には、画像生成機能がまったく内蔵されていません。<Image> コンポーネントを書いたり、遅延読み込みを設定したり、レスポンシブなブレークポイントを最適化したりはできますが、実際の画像ファイルそのものは作れません。
これはバグではありません。Claude Codeは、計画、リファクタリング、デバッグ、デプロイといったコード作業に特化して設計されています。作業が .tsx や .py の中で完結するなら、Claude Codeは非常に強力です。しかし、ヒーロー画像、図解、SNS用グラフィックが必要になった瞬間に限界にぶつかります。
実際には次のようになります。
あなた: 「SaaSのランディングページ用にヒーロー画像を生成して」
Claude Code: 画像は生成できません。
ヒーローセクション用のHTML/CSSやプレースホルダーの
コンポーネントは書けますが、画像自体は別途用意する必要があります。
このガイドでは、そのギャップを埋める方法を説明します。
Claude Codeユーザーにとって画像生成が重要な理由
Claude Codeをバグ修正やボイラープレート生成にしか使わないなら、画像生成は必須ではありません。しかし、最も生産性の高いClaude Codeの使い方は、機能をエンドツーエンドで完成させることです。そして完成した機能には、視覚素材が必要です。
- ランディングページ にはヒーロー画像、ロゴ、セクションのイラストが必要
- ドキュメント には図解、アーキテクチャ図、スクリーンショットが必要
- SNSでのリリース告知 にはグラフィック、バナー、サムネイル画像が必要
- UIプロトタイプ にはデザイン意図を伝えるモックアップ画像が必要
- マーケティングサイト には商品画像、比較グラフィック、アイコンセットが必要
画像生成がなければ、こうした作業のたびにターミナルの外へ出ることになり、Claude Codeの強みである自律型エージェントのワークフローが途切れてしまいます。
方法1:MCPサーバー(Replicate、Fal.ai、Bannerbear)
向いている人: すでにMCPサーバーを運用しているチーム、モデルレベルで細かく制御したい開発者。
Model Context Protocol(MCP)は、外部ツールをClaude Codeに接続するための標準的な方法です。いくつかのMCPサーバーは、画像生成モデルをClaude Codeのツールとして公開しています。
選択肢A:Replicate MCP Server
Replicateは、Stable Diffusion、FLUX、SDXLなどのオープンソース画像モデルをAPI経由で提供しています。そのMCPサーバーを使うと、Claude Codeのツールとしてそれらのモデルを呼び出せます。
セットアップ:
# Install the Replicate MCP server
claude mcp add replicate -- npx -y @replicate/mcp-server \
--env REPLICATE_API_TOKEN=r8_your_token_here
Claude Codeからの利用例:
あなた: 「Replicateツールで画像を生成して。
ダークテーマ、青いアクセントのモダンなSaaSダッシュボード。
モデルは black-forest-labs/flux-schnell を使って」
Claude Code: [Replicate MCPツールを呼び出し]
生成された画像: output.png (1024x1024)
メリット:
- オープンソースモデル(FLUX、SDXL)にアクセスできる
- 従量課金で、月額契約は不要
- MCPサーバーを保守するアクティブなコミュニティがある
デメリット:
- セットアップに約15分かかる(Replicateアカウント作成、APIキー取得、MCP設定)
- Claude Codeのコンテキスト内で、ツール説明だけで約6,000トークンのオーバーヘッドがある
- モデル選定は自分で行う必要があり、使うモデルIDを把握しておかなければならない
- 出力は生の画像ファイルで、別途アップロードしない限りCDN URLは得られない
選択肢B:Fal.ai MCP Server
Fal.aiは生成モデル向けの高速推論に特化しています。セットアップはほぼ同じです。
claude mcp add fal -- npx -y @fal-ai/mcp-server \
--env FAL_KEY=your_fal_key_here
トレードオフ: Replicateより推論は速いですが、使えるモデルが少なく、コミュニティもやや小さめです。
選択肢C:Bannerbear MCP(テンプレート型画像向け)
SNSテンプレート、OG画像、動的バナーのようなプログラム的な画像生成が必要なら、BannerbearのMCPサーバーはその用途に特化しています。
claude mcp add bannerbear -- npx -y @bannerbear/mcp-server \
--env BANNERBEAR_API_KEY=your_key_here
方法2:AnyCap CLI(1コマンド、設定不要)
向いている人: 15分かけてMCPを設定するのではなく、今すぐ画像生成を使いたい個人開発者や小規模チーム。
AnyCapは、画像生成、動画、Web検索などをひとつのCLIにまとめたCapability Runtimeです。Claude Codeはこれをターミナルから直接呼び出します。インストール1回、コマンド1つ、認証1つで使えます。
セットアップ(30秒)
# One command installs the skill and CLI
npx -y skills add anycap-ai/anycap -a claude-code -y
curl -fsSL https://anycap.ai/install.sh | sh
anycap login
Claude Codeから画像を生成する
インストール後は、Claude Codeが anycap CLIを直接使って画像生成できます。
基本的な画像生成:
anycap image generate \
--model seedream-5 \
--prompt "明るい背景のミニマルなSaaSダッシュボード、クリーンなUI、角丸、青いアクセント" \
-o dashboard-hero.png
出力:
Generating image with seedream-5...
Image saved to dashboard-hero.png (1024x1024, 487KB)
CDN URL: https://cdn.anycap.ai/v1/images/abc123/dashboard-hero.png
CDN URLはすぐに返されます。別途アップロードしたり、S3を設定したりする必要はありません。Claude CodeはそのままHTMLやMarkdownに埋め込めます。
応用:複数バリエーションを生成する
anycap image generate \
--model nano-banana-pro \
--prompt "暗いターミナルで作業する開発者、紫のアンビエント照明、ワイドショット" \
--variants 3 \
-o dev-terminal
これにより、dev-terminal-1.png、dev-terminal-2.png、dev-terminal-3.png の3パターンが生成されます。
画像から画像への微調整:
anycap image generate \
--model seedream-5 \
--prompt "構図は同じで、青ではなく暖かいオレンジの照明にする" \
--reference dashboard-hero.png \
-o dashboard-hero-v2.png
AnyCapで使えるモデル
| モデル | 向いている用途 | スタイル | 速度 |
|---|---|---|---|
| Seedream 5 | 高品質なフォトリアル画像やデザイン | フォトリアル、UI、商品 | 中速 |
| Nano Banana Pro | 高速な反復、コンセプト、草案 | 汎用 | 高速 |
| Nano Banana 2 | ランディングページ、ヒーロー画像、マーケティング | クリーン、商用向け | 高速 |
Claude CodeはモデルIDを覚える必要がありません。指定しなければ、Runtime側がプロンプトに最適なモデルを自動で選びます。
メリット:
- セットアップは2分。インストール1回、ログイン1回、認証1つだけ
- 約2,000トークンのオーバーヘッド。5つのMCPサーバーを個別に入れる約24,000トークンより軽い
- CDNが標準搭載。生成した画像に自動で公開URLが付く
- 複数モデルを切り替え可能。Seedream 5やNano Banana Proなどを再設定なしで使い分けられる
- すべてに共通の認証。画像、動画、検索、ストレージ、公開まで同じログインで使える
- Claude Codeに自然に統合。コマンドはターミナルセッション内で実行され、出力は構造化JSONになる
デメリット:
- 従量課金制。定額プランではない(開始時に5ドル分の無料クレジットあり)
- 利用できるモデルはキュレーション済み。AnyCapが提供するモデルを使う形で、任意のHuggingFaceモデルは選べない
- インターネット接続が必要。ローカル完結の生成はできない
方法3:直接API連携(OpenAI、Stability AI)
向いている人: 最大限の制御が必要で、自分で連携コードを書くことに抵抗がない開発者。
Claude Codeに画像生成機能を持たせるには、画像APIを直接呼び出すツールを書けばよいです。
# tools/generate_image.py
import requests
import sys
API_KEY = "your-openai-api-key"
def generate(prompt: str, output_path: str = "output.png"):
response = requests.post(
"https://api.openai.com/v1/images/generations",
headers={"Authorization": f"Bearer {API_KEY}"},
json={"prompt": prompt, "n": 1, "size": "1024x1024"}
)
url = response.json()["data"][0]["url"]
# Download the image
img = requests.get(url)
with open(output_path, "wb") as f:
f.write(img.content)
return output_path
if __name__ == "__main__":
prompt = sys.argv[1]
path = sys.argv[2] if len(sys.argv) > 2 else "output.png"
result = generate(prompt, path)
print(f"Image saved to {result}")
その後、MCP経由でClaude Codeのツールとして登録します。API、モデル、出力処理を完全に制御できますが、その代わりに自分で実装し、保守する必要があります。
メリット:
- モデル選定を完全に自分で制御できる
- 独自のエラーハンドリングを実装できる
- API以外の外部依存が不要
デメリット:
- 連携コードを自分で書いて保守する必要がある
- APIキー管理が手動になる
- CDNは付いていないため、保存先やURL管理を別途用意する必要がある
- 出力形式はAPIが返す内容に依存する
比較:どの方法を選ぶべき?
| MCPサーバー | AnyCap CLI | 直接API | |
|---|---|---|---|
| セットアップ時間 | 15〜30分 | 2分 | 30〜60分 |
| 管理するAPIキー数 | サーバーごとに1つ | 合計1つ | APIごとに1つ |
| コンテキスト上のトークン負荷 | 約6,000 | 約2,000 | 約3,000(自作ツール) |
| モデル選定 | 手動(モデルIDを把握する必要あり) | キュレーション済み、または自動選択 | 完全手動で制御可能 |
| CDN / 共有 | 手動アップロード | 標準搭載 | 手動 |
| 複数モデルの切り替え | MCPサーバーを再設定 | コマンドラインフラグで切り替え | 連携コードを書き換え |
| 向いている用途 | すでにMCPを使っているチーム | 個人開発者、小規模チーム | フルスタックで細かく制御したい場合 |
実際のワークフロー:Claude Code + 画像生成でエンドツーエンド
画像生成を組み込むと、ランディングページ制作は次のように進みます。
あなた: 「CodeLens という新しいAI開発者向けツールのランディングページを作って。
ヒーロー画像付きのヒーローセクション、3カラムの機能紹介、
CTAを含めて」
Claude Code:
1. 類似する開発者向けツールのランディングページをWebで調査
2. Next.js + Tailwind CSSのプロジェクトを構築
3. ランディングページのコンポーネントを書く
4. anycap image generate を使ってヒーロー画像を生成:
「未来的なコード解析ダッシュボード、ダークテーマ、
発光するデータ可視化、開発者ツールらしい雰囲気」
5. 生成されたCDN URLを `<Image>` コンポーネントに埋め込む
6. 各セクション用の機能アイコンを生成する
7. プレビュー用に開発サーバーを起動する
8. GitHubへコミットしてプッシュする
あなた: 「デプロイして」
Claude Code:
プロジェクトをビルドし、ページを公開し、本番URLを返す。
1セッション、1ターミナル、ツール切り替えゼロ。 これが、単なるコーディング支援ツールと完全な開発エージェントの違いです。
FAQ
Claude Codeは単体で画像を生成できますか?
いいえ。Claude Codeはテキスト専用のコーディングエージェントです。コードやファイルの読み書き、編集はできますが、画像生成モデル、Runtime、APIは内蔵していません。画像生成はすべて外部ツールに頼る必要があります。つまり、MCPサーバー、AnyCapのようなCapability Runtime、または直接API呼び出しです。
Claude Codeは画像APIをそのまま呼べないのですか?
呼べます。設定すれば可能です。Claude Codeは完全なシェルアクセスを持っているので、curl コマンドやPythonスクリプトを実行できます。問題は、API呼び出し自体が禁止されていることではなく、ツールのセットアップ、APIキー管理、出力形式の処理に設定が必要なことです。Claude Codeはそれを単体では自動化しません。上の方法1と方法2は、そのセットアップを大幅に簡略化します。
AnthropicはClaude Codeに画像生成を追加する予定がありますか?
Anthropicは、Claude Codeに画像生成を追加する計画を発表していません。Claude Codeはコード推論とターミナル実行に特化しています。画像、動画、メディア生成は対象外であり、そのために外部のCapability Layerが存在します。
Claude Codeから画像生成する最も安い方法は何ですか?
AnyCapは5ドル分の無料クレジットから始められ、支払い登録なしで使えます。その後はモデル提供元の料金をそのまま従量課金で請求し、上乗せはありません。ReplicateのようなMCPサーバーも従量課金です。たまに使う程度、つまり1セッションで数枚生成する程度なら、どちらも画像1枚あたり数円レベルで済みます。
Claude CodeからMidjourneyやDALL-Eは使えますか?
直接は使えません。MidjourneyにもDALL-Eにも、公式のMCPサーバーやCLIはありません。方法3のように、それぞれのAPIを呼ぶ独自連携を書くことは可能ですが、自分でツールコードを書いて保守する必要があります。AnyCapのキュレーション済みモデル(Seedream 5、Nano Banana Pro)は、同等レベルの品質を連携作業なしで使えます。
Claude Codeから画像生成するのにGPUは必要ですか?
不要です。3つの方法はいずれもクラウドAPIを利用するため、生成処理はローカルマシンではなくリモートサーバーで行われます。ターミナルからプロンプトを送り、URLまたはファイルを受け取るだけです。ローカルGPUも、モデルのダウンロードも、ターミナル以外の特別なハードウェア要件もありません。
生成した画像をプロジェクトで使うには?
方法2(AnyCap CLI)では、画像は指定したパスにローカル保存されるだけでなく、CDNにもアップロードされます。Claude CodeはそのCDN URLを直接埋め込めます。
<Image src="https://cdn.anycap.ai/v1/images/abc123/dashboard-hero.png"
alt="SaaSダッシュボードのヒーロー画像" width={1200} height={600} />
方法1(MCP)の場合、画像はローカルに保存されます。公開URLが必要なら、CDNへのアップロードは別途処理する必要があります。
次のステップ
- Claude Codeチュートリアル:ゼロから最初の動くセッションまで(2026年版) — セットアップ全体、CLAUDE.mdの設定、AnyCap連携までを解説
- Claude CodeのWeb検索を直す:4つの解決策 — Claude Codeの権限エラーや検索失敗を解消
- 実運用ワークフローでClaude CodeにWeb検索が必要な理由 — コーディングエージェントにライブWebアクセスが必要な理由
- Claude Codeに画像生成が必要な理由 — 画像機能のギャップをさらに深掘り
- Claude Code Agent SDKガイド(2026年版) — Claudeによるマルチエージェントのオーケストレーション
- AIエージェント向けベスト画像モデル 2026 — Seedream 5、FLUX、Imagen 4、Nano Banana Proを比較