npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@keeponfirst/kof-nanobanana-mcp

v1.0.0

Published

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

Readme

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: | Name | Type | Required | Description | |------|------|----------|-------------| | prompt | string | ✅ | Image description (10-5000 chars) | | output_path | string | ✅ | Path to save the image | | model | string | ❌ | gemini-2.5-flash-image (default) or gemini-3-pro-image-preview | | aspect_ratio | string | ❌ | 1:1, 16:9, 9:16, 4:3, 3:4 | | overwrite | boolean | ❌ | Overwrite existing file (default: false) |

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: | Name | Type | Required | Description | |------|------|----------|-------------| | queue_dir | string | ❌ | Queue directory (default: nanobanana/queue) | | validate | boolean | ❌ | Validate files (default: true) | | check_conflicts | boolean | ❌ | Check if outputs exist (default: true) |

nanobanana_process_queue

Batch process all prompt files.

Parameters: | Name | Type | Required | Description | |------|------|----------|-------------| | queue_dir | string | ❌ | Queue directory (default: nanobanana/queue) | | validate_only | boolean | ❌ | Only validate, no generation | | dry_run | boolean | ❌ | Preview without API calls | | overwrite | string | ❌ | skip, overwrite, or rename |

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

| Model | Price per Image | |-------|-----------------| | Gemini 2.5 Flash Image | ~$0.039 (1024x1024) | | Gemini 3 Pro Image (2K) | ~$0.134 | | Gemini 3 Pro Image (4K) | ~$0.24 |

License

MIT