mcpField
N
Nano Banana Ai Image Generator

Nano Banana Ai Image Generator

ローカル
github.com/nanana-appメディア・デザイン1055 週間前に更新

Nano Banana Ai Image Generator について

Nano Banana Ai Image Generatorは、Google Geminiのnano bananaモデルを使うNanana AIの画像生成サービス向けMCPサーバーです。Claude DesktopなどのMCPクライアントから、テキストによる画像生成と変換を利用でき、アカウントのAPIトークンを使用します。

主な機能

  1. 01テキストプロンプトから画像を生成
  2. 02テキストプロンプトによる画像変換
  3. 03変換用に1~9件の画像URLを指定

活用シーン

  1. 01文章の説明から画像を作成
  2. 02プロンプトで既存画像のスタイルを変更

MCP 対応

Nanana AIの画像生成サービスを利用する、テキストからの画像生成と画像変換のツールをMCPクライアントに公開します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"nano-banana": {
"command": "npx",
"args": [
"-y",
"@nanana-ai/mcp-server-nano-banana"
],
"env": {
"NANANA_API_TOKEN": "<NANANA_API_TOKEN>"
}
}
}
}
起動コマンドnpx -y @nanana-ai/mcp-server-nano-banana
設定が必要な環境変数
NANANA_API_TOKENシークレット

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@nanana-ai/mcp-server-nano-banana

ツール

2

掲載時のツール一覧 · 3 週間前に更新

パラメーター型必須説明
promptstringはい生成する画像を説明するテキストプロンプト

詳細

@nanana-ai/mcp-server-nano-banana

Google Gemini の nano banana モデルを活用した Nanana AI 画像生成サービス向けの MCP(Model Context Protocol)サーバーです。このサーバーを使うと、Claude Desktop やその他の MCP クライアントで、nano banana の強力な画像生成機能を利用して画像を生成、変換できます。

インストール

npm install -g @nanana-ai/mcp-server-nano-banana

設定

1. API トークンを取得する
  1. nanana.app にアクセスしてサインインします
  2. アカウントダッシュボードに移動します
  3. 「API Access」セクションで API トークンを生成します
  4. トークンをコピーして保存します(表示されるのは一度だけです)
2. Claude Desktop を設定する

Claude Desktop の設定ファイルにサーバーを追加します。

macOS:~/Library/Application Support/Claude/claude_desktop_config.json Windows:%APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "nanana": {
      "command": "npx",
      "args": ["-y", "@nanana-ai/mcp-server-nano-banana"],
      "env": {
        "NANANA_API_TOKEN": "your-api-token-here"
      }
    }
  }
}
3. Claude Desktop を再起動する

設定ファイルを保存したら、Claude Desktop を再起動して MCP サーバーを読み込みます。

利用可能なツール

text_to_image

テキストプロンプトから画像を生成します。

パラメーター:

  • prompt(文字列、必須):生成する画像のテキストによる説明

例:

Generate an image of a cute cat wearing a hat
image_to_image

テキストプロンプトに基づいて既存の画像を変換します。

パラメーター:

  • imageUrls(文字列の配列、必須):変換する画像の URL(1〜9 件)
  • prompt(文字列、必須):画像の変換方法を示すテキストによる説明

例:

Transform these images to look like oil paintings: ["https://example.com/image1.jpg"]

環境変数

  • NANANA_API_TOKEN(必須):Nanana AI API トークン
  • NANANA_API_URL(任意):カスタム API URL(デフォルトは https://nanana.app)

開発

ローカルテスト
  1. リポジトリをクローンします
  2. 依存関係をインストールします:npm install
  3. ビルドします:npm run build
  4. ビルドしたファイルを参照するよう Claude Desktop の設定を更新して、ローカルでテストします。
{
  "mcpServers": {
    "nanana": {
      "command": "node",
      "args": ["/path/to/packages/mcp-server/dist/index.js"],
      "env": {
        "NANANA_API_TOKEN": "your-token",
        "NANANA_API_URL": "http://localhost:3000"
      }
    }
  }
}
ビルド
npm run build
ウォッチモード
npm run dev

クレジットと料金

nano banana による画像生成では、Nanana AI アカウントのクレジットを消費します。nanana.app/account のダッシュボードでクレジット残高を確認し、必要に応じてクレジットを追加購入してください。

サポート

問題や質問がある場合:

ライセンス

MIT

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。