Claude Codeで画像生成する方法(2026年版):3つの方法

Claude Code自体には画像生成機能がありません。MCPサーバー、Capability Runtime CLI、直接API連携でClaude Codeに画像生成を追加する方法を、手順付きで解説します。

by AnyCap

発光するピクセルカーソルが色鮮やかなネオンの破片へと変化していく抽象デジタルアート。ダークパープルとブルーを基調にした開発者向けの雰囲気

結論から言うと、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.pngdev-terminal-2.pngdev-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へのアップロードは別途処理する必要があります。


次のステップ