KOF Nano Banana MCP Server 🍌

MCP server for Gemini native image generation (Nano Banana). Part of the KeepOnFirst Agentic Workflow.

English | 繁體中文

⚠️ Important: Billing Required

Note: The Gemini API Free Tier does NOT support image generation models. To use this MCP server, you must provide an API key from a Google Cloud project with billing enabled.

Features

• Generate images using Gemini 2.5 Flash Image or Gemini 3 Pro Image
• Process queue of prompt files with validation and dry-run support
• YAML frontmatter support for prompt configuration
• Cross-IDE compatible - works with any MCP-enabled client

Installation

Option 1: Use via npx (Recommended)

If you have published this package or use it locally:

{
  "mcpServers": {
    "nanobanana": {
      "command": "npx",
      "args": ["-y", "@keeponfirst/kof-nanobanana-mcp"],
      "env": {
        "GEMINI_API_KEY": "your-api-key-here"
      }
    }
  }
}

Option 2: Local Development

cd kof-nanobanana-mcp
npm install
npm run build

Then configure absolute path in your MCP config (see Configuration section).

Configuration

1. Get a Gemini API Key

1. Go to Google AI Studio
2. Create an API key
3. IMPORTANT: Ensure your project has billing enabled. These models are paid-only.

2. Add to MCP Config

Add to your MCP configuration file (e.g., ~/.gemini/antigravity/mcp_config.json):

{
  "servers": {
    "nanobanana": {
      "command": "node",
      "args": ["/path/to/kof-nanobanana-mcp/dist/index.js"],
      "env": {
        "GEMINI_API_KEY": "your-api-key-here"
      }
    }
  }
}

Tools

nanobanana_generate_image

Generate a single image.

Parameters:

Example:

{
  "prompt": "A modern flat illustration of three AI robots working together on code",
  "output_path": "assets/generated/workflow-hero.png",
  "model": "gemini-2.5-flash-image",
  "aspect_ratio": "16:9"
}

nanobanana_list_queue

List and validate prompt files in the queue.

Parameters:

nanobanana_process_queue

Batch process all prompt files.

Parameters:

Prompt File Format

Create .md files in nanobanana/queue/ with YAML frontmatter:

---
output_path: assets/generated/workflow-hero.png
model: gemini-2.5-flash-image
aspect_ratio: 16:9
overwrite: false
---

# Workflow Hero Image

Create a modern, sleek hero illustration showing three AI agents
working together in a software development workflow.

## Style Guidelines
- Style: Flat illustration with gradients
- Color palette: Deep purple (#6B46C1) to blue (#3B82F6)
- Background: Subtle gradient

Pricing Reference

License

MIT