ต้นแบบ · รุ่นทดลอง: มีทุก server ในทะเบียนทางการ อัปเดตทุก 30 นาที รีวิวและบัญชีผู้ใช้จะมาในขั้นถัดไป
PopNx MCPที่รวม MCP สำหรับคนใช้ AI · อธิบายเป็นภาษาคน

MCP Nano Banana

โดย codeFiรุ่น 1.2.2i★ –iรันบนเครื่อง
ชื่อใน registryio.github.codeFi/mcp-nano-banana

ติดตั้ง

ภาพรวม

คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)

MCP server for Google Nano Banana (Gemini) image generation

สามเสาของ PopNx MCP

สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน

ใช้ทำอะไรได้

ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry

  • การเชื่อมต่อ: รันบนเครื่อง
  • ช่องทาง (transport): stdio
  • หมวด: ออกแบบ ภาพ และเสียง

ติดตั้ง

เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง

ก่อนติดตั้ง

ต้องเตรียมก่อน

  • npmติดตั้ง Node.js (มีคำสั่ง npx) ในเครื่อง

คุณใช้แอปไหน

เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”

เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json

{
  "mcpServers": {
    "nano-banana": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-nano-banana"
      ],
      "env": {
        "GEMINI_API_KEY": "ใส่ค่าของคุณ"
      }
    }
  }
}

พิมพ์คำสั่งนี้ใน Terminal

claude mcp add nano-banana --env GEMINI_API_KEY='ใส่ค่าของคุณ' -- npx -y mcp-nano-banana

เติมค่าที่เว้นว่างไว้ก่อนรัน

เปิดใน Cursor

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json

{
  "mcpServers": {
    "nano-banana": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-nano-banana"
      ],
      "env": {
        "GEMINI_API_KEY": "ใส่ค่าของคุณ"
      }
    }
  }
}

เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง

เปิดใน VS Code

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .vscode/mcp.json ของโปรเจกต์

{
  "servers": {
    "nano-banana": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "mcp-nano-banana"
      ],
      "env": {
        "GEMINI_API_KEY": "ใส่ค่าของคุณ"
      }
    }
  }
}

เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง

ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น

ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี

ค่าที่ต้องใส่เอง

  • GEMINI_API_KEY env
    Google Gemini API key used for image generation requests.

ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README

ทำอะไรได้บ้าง

รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง

ผลตรวจเบื้องต้นi

เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569

  • ✓ ผ่าน

    ตัวตนผู้ทำตรงกับ repo

    ชื่อใน registry ยืนยันด้วยบัญชี GitHub codeFi ซึ่งเป็นเจ้าของ repo

  • … ยังไม่ตรวจ

    ยังมีคนดูแล

    ยังไม่ได้อ่านข้อมูล repo จาก GitHub

  • … ยังไม่ตรวจ

    มีสัญญาอนุญาต (license)

    ยังไม่ได้อ่านข้อมูล repo จาก GitHub

  • – ไม่เกี่ยว

    endpoint ตอบ

    ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต

  • – ไม่เกี่ยว

    ล็อกอินแบบ OAuth

    ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน

  • … ยังไม่ตรวจ

    คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง

    รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต

เทียบกับตัวอื่นในหมวด ออกแบบ ภาพ และเสียงi

  • ดาวมากกว่า 0% ของอีก 2753 ตัวในหมวดนี้
  • ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 13% ของอีก 2753 ตัวในหมวดนี้
  • ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 100% ของอีก 2753 ตัวในหมวดนี้

เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo

คำถามที่พบบ่อย

MCP Nano Banana ปลอดภัยไหม?

จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น

ต้องใช้กุญแจหรือรหัสอะไรบ้าง?

registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก

ตัวนี้รันบนเครื่องหรือบนคลาวด์?

รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)

ยังมีคนดูแลอยู่ไหม?

repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.2.2) เข้า registry 5 เดือนที่ผ่านมา

ใช้กับโปรแกรมไหนได้บ้าง?

โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย

มีตัวไหนใช้แทนได้บ้าง?

ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server

ตัวที่ใช้แทนได้

server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว

อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi

Figma Context MCP

โดย GLips

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

รันบนเครื่อง★ 16,165MITอัปเดต 5 เดือนที่ผ่านมา
ติดตั้ง

Claude Real Video

โดย HUANGCHIHHUNGLeo

Let any LLM watch a video locally — and search everything it has ever watched.

รันบนเครื่อง★ 2,284MITอัปเดต 2 เดือนที่ผ่านมา
ติดตั้ง

Figma MCP Server

โดย figma

server ทางการของ Figma ส่งข้อมูลงานออกแบบให้ AI อ่าน เพื่อเปลี่ยนแบบเป็นโค้ดหรืออธิบายแบบได้ตรงขึ้น ต่อผ่านคลาวด์ของ Figma

รันบนคลาวด์★ 2,152อัปเดต 13 เดือนที่ผ่านมา
ติดตั้ง

README จากผู้ทำ

เปิดอ่าน README

ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ

mcp-nano-banana

MCP server for AI-powered image generation using Google Gemini Nano Banana models. Generate, edit, and combine images from text prompts — directly from your AI coding assistant.

Features

  • Text-to-image generation — Create images from natural language descriptions
  • Image editing — Upload images and modify them with text instructions
  • Multi-image combination — Mix up to 14 reference images into one composite
  • Resolution control — Generate at 512px, 1K, 2K, or 4K resolution
  • 13+ aspect ratios — From square (1:1) to ultra-wide (21:9) and tall (1:8)
  • Auto-fallback — Pro model falls back to Flash on rate limits (429/403/402)
  • File output — Save to specific paths or return inline base64
  • Favicon generation — Generate complete favicon packages with one command
  • Multi-format output — PNG, JPEG, and WebP support

Quick Start

Prerequisites
  1. Get a Gemini API key from Google AI Studio
  2. Enable billing on your Google Cloud project — image generation requires a paid tier (~$0.04-0.05/image for NB2 at standard resolution)
Installation
npm install -g mcp-nano-banana

Set your API key:

export GEMINI_API_KEY=your-api-key

For MCP Registry publication metadata, the registry name is io.github.codeFi/mcp-nano-banana.

MCP Configuration

Codex
codex mcp add nano-banana --env GEMINI_API_KEY=your-api-key -- npx -y mcp-nano-banana@latest

Or add manually to ~/.codex/config.toml:

[mcp_servers.nano-banana]

command = "npx" args = ["-y", "mcp-nano-banana@latest"]

[mcp_servers.nano-banana.env] GEMINI_API_KEY = "your-api-key"

Qwen Code

Add to ~/.qwen/settings.json:

{

"mcpServers": { "nano-banana": { "command": "npx", "args": ["-y", "mcp-nano-banana@latest"], "env": { "GEMINI_API_KEY": "your-api-key" } } } }

Claude Code
claude mcp add nano-banana -e GEMINI_API_KEY=your-api-key -- npx -y mcp-nano-banana@latest

Or add manually to ~/.claude/claude_desktop_config.json:

{

"mcpServers": { "nano-banana": { "command": "npx", "args": ["-y", "mcp-nano-banana@latest"], "env": { "GEMINI_API_KEY": "your-api-key" } } } }

Other MCP Clients

For CLIs and desktop clients that use the standard mcpServers JSON format, register:

{

"mcpServers": { "nano-banana": { "command": "npx", "args": ["-y", "mcp-nano-banana@latest"], "env": { "GEMINI_API_KEY": "your-api-key" } } } }

Local / Development Build
git clone https://github.com/codeFi/mcp-nano-banana.git

cd mcp-nano-banana npm install npm run build

Then register with your MCP client:

{

"mcpServers": { "nano-banana": { "command": "node", "args": ["/path/to/mcp-nano-banana/dist/index.js"], "env": { "GEMINI_API_KEY": "your-api-key" } } } }

Models

ModelMCP NameDescriptionMax Ref Images
gemini-3-pro-image-previewNano Banana ProHigh quality, thinking mode, professional assets6 object + 5 character
gemini-3.1-flash-image-previewNano Banana 2Fast, high-efficiency, 1:4/4:1/1:8/8:1 ratios10 object + 4 character
gemini-2.5-flash-imageNano BananaFastest, optimized for high-volume tasks-

The server defaults to Nano Banana Pro for best quality and automatically falls back to Flash on rate limits.

Available Parameters

Resolution
ValueApprox. PixelsSupported Models
"512"~512pxNano Banana 2 only
"1K"~1024pxAll models
"2K"~2048pxAll models
"4K"~4096pxAll models

Default: "1K"

Aspect Ratio
ValueDimensions at 1KCommon Use Case
1:11024×1024Social posts, icons
16:91344×768Headers, presentations
9:16768×1344Stories, mobile
4:31152×896Desktop, photos
3:4896×1152Portraits
2:3~896×1344Print, magazines
3:2~1344×896Photos
4:5~896×1120Instagram posts
5:4~1120×896Instagram landscape
21:9~2048×878Ultra-wide banners
1:4~512×2048Nano Banana 2 only — tall strips
4:1~2048×512Nano Banana 2 only — wide strips
1:8~512×4096Nano Banana 2 only — extra tall
8:1~4096×512Nano Banana 2 only — extra wide

Tools

generate_image

Generate or edit images from text prompts.

ParameterTypeRequiredDefaultDescription
promptstring✅ Yes—Text description or editing instructions
imagePathsstring[]No—Reference image paths on disk (up to 14)
modelstringNogemini-3-pro-image-previewModel to use
aspectRatiostringNo1:1See table above for all options
resolutionstringNo1K512, 1K, 2K, or 4K
outputFormatstringNopngpng, jpeg, webp
outputPathstringNo—Save image to this file path
Examples

Generate from text:

{

"prompt": "A sunset over mountains with dramatic lighting", "aspectRatio": "16:9", "resolution": "2K", "outputPath": "/Users/currentUser/Desktop/sunset.png" }

Edit an existing image:

{

"prompt": "Change the background to a coffee shop interior", "imagePaths": ["/Users/currentUser/photo.jpg"], "outputPath": "/Users/currentUser/edited.png" }

Combine multiple images:

{

"prompt": "Put these glasses on this person's face", "imagePaths": ["/path/to/face.jpg", "/path/to/glasses.jpg"], "outputPath": "/path/to/result.png" }

High-res wallpaper:

{

"prompt": "A futuristic cityscape at night with neon lights and rain", "aspectRatio": "16:9", "resolution": "4K", "outputPath": "/path/to/wallpaper.png" }

generate_favicons

Generate a complete favicon package from a prompt or existing image.

ParameterTypeRequiredDefaultDescription
promptstringNo\*—Icon description (required if imagePath not set)
imagePathstringNo\*—Path to existing master icon image
modelstringNogemini-3-pro-image-previewModel for prompt generation
outputDirstringNo—Directory for individual favicon files
outputPathstringNo—Save ZIP package to this path
returnZipBase64booleanNofalseReturn ZIP as base64 text
appNamestringNoMy AppManifest name
shortNamestringNoAppManifest short_name
themeColorstringNo#ffffffManifest theme color
backgroundColorstringNo#ffffffManifest background color
includeReadmebooleanNotrueInclude README.md in package
Example
{

"prompt": "A minimalist banana icon with a soft gradient", "outputDir": "/path/to/favicon", "outputPath": "/path/to/favicon.zip", "appName": "MyBrand", "shortName": "Brand", "themeColor": "#1a1a2e", "backgroundColor": "#ffffff" }

Generated files:

  • favicon.ico — Multi-size icon (16/32/48px)
  • favicon-16x16.png — Browser tabs
  • favicon-32x32.png — Higher-res tabs
  • apple-touch-icon.png — iOS home screen
  • android-chrome-192x192.png — Android
  • android-chrome-512x512.png — Android HD
  • site.webmanifest — PWA manifest

HTML snippet (included in response):

<link rel="icon" href="/favicon.ico" sizes="any">

Pricing

Image generation requires a paid Google AI Studio account. Approximate costs:

Model1K2K4K
Nano Banana 2~$0.04~$0.08~$0.15
Nano Banana Pro~$0.06~$0.13~$0.24

You only pay for what you generate — no monthly minimum.

Supported Image Formats

Input (reference images): png, jpg, jpeg, webp, gif Output: png, jpeg, webp

Development

# Build TypeScript

npm run build

Watch mode

npm run dev

Run tests

npm test

Run the server directly

node dist/index.js

Troubleshooting

IssueSolution
GEMINI_API_KEY is not setExport the env var or add it to your MCP config
429 Too Many RequestsServer auto-falls back to Flash model. Add billing to your account.
403/402 Quota exceededEnable billing at Google Cloud Console
503 UnavailableHigh demand — retry in a moment. Common with 4K requests.
Image not updating after editMake sure you rebuilt the TypeScript (npm run build)
imagePaths not foundUse absolute paths. Relative paths may not resolve correctly.

Architecture

AI Assistant (MCP Client)

│ (MCP Protocol over stdio) ▼ mcp-nano-banana Server │ (HTTPS POST) ▼ Google Gemini API │ ▼ Generated Image → saved to outputPath (or returned inline base64)

License

MIT

Author

codeFi

ถาม PopNx