Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
kingbootoshi avatar

Nano Banana

  • 611 installs
  • 403 repo stars
  • Updated April 2, 2026
  • kingbootoshi/nano-banana-2-skill

nano-banana is an agent skill that wraps the nano-banana CLI to generate AI images with Gemini 3.1 Flash (Pro optional), multi-resolution 512–4K output, aspect ratios, reference style transfer, green-screen transparency,

About

nano-banana is a Claude Code and Cursor agent skill that drives the nano-banana CLI for AI image generation, defaulting to Gemini 3.1 Flash Image Preview (Nano Banana 2) with an optional Pro model. The skill handles first-time /init setup, prompt-to-image runs, exact dimension control, aspect-ratio selection, reference-image style transfer, and a green-screen workflow for transparent PNG assets. Developers reach for nano-banana when conversations ask to generate an image, create a sprite, make a game asset, or produce marketing artwork without leaving the agent workflow. Cost tracking is built in so teams can monitor spend across batches. Resolution support spans 512 through 4K, covering thumbnails, UI mockups, and high-res campaign art from one minimal skill drop-in.

  • Ultra-lightweight agent skill under 100 lines
  • Designed for rapid installation and zero-config execution
  • 508 developers have installed it across real projects
  • Ideal for composing minimal custom agent behaviors
  • Works as both standalone skill and composable building block

Nano Banana by the numbers

  • 611 all-time installs (skills.sh)
  • +18 installs in the week ending Aug 2, 2026 (Skillselion tracking)
  • Ranked #1,574 of 16,546 AI & Agent Building skills by installs in the Skillselion catalog
  • Data as of Aug 2, 2026 (Skillselion catalog sync)
npx skills add https://github.com/kingbootoshi/nano-banana-2-skill --skill nano-banana

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs611
repo stars403
Last updatedApril 2, 2026
Repositorykingbootoshi/nano-banana-2-skill

How do you generate game sprites with transparent backgrounds via CLI?

Get an ultra-minimal, fast-executing agent skill that can be dropped into any workflow without adding bloat.

Who is it for?

Developers building UI mockups, game sprites, or marketing visuals who want a lightweight agent-triggered image CLI inside Claude Code or Cursor.

Skip if: Developers who need vector SVG illustration, programmatic canvas rendering, or a hosted image API without local CLI setup.

When should I use this skill?

The user asks to generate an image, create a sprite, make an asset, run nano-banana /init, or produce artwork for UI, games, or marketing.

What you get

PNG or sprite files at chosen resolution, aspect ratio, and dimensions with optional transparency and logged generation cost.

  • PNG image files
  • transparent sprite assets
  • cost logs

By the numbers

  • Supports image resolutions from 512 through 4K
  • Defaults to Gemini 3.1 Flash Image Preview (Nano Banana 2)

Files

SKILL.mdMarkdownGitHub ↗

nano-banana

AI image generation CLI. Default model: Gemini 3.1 Flash Image Preview (Nano Banana 2).

/init - First-Time Setup

When the user says "init", "setup nano-banana", or "install nano-banana", run these commands to get the CLI tool on their machine. No sudo required.

Prerequisites: Bun must be installed. If not: curl -fsSL https://bun.sh/install | bash

# 1. Clone the repo
git clone https://github.com/kingbootoshi/nano-banana-2-skill.git ~/tools/nano-banana-2

# 2. Install dependencies
cd ~/tools/nano-banana-2 && bun install

# 3. Link globally (creates `nano-banana` command via Bun - no sudo)
cd ~/tools/nano-banana-2 && bun link

# 4. Set up API key
mkdir -p ~/.nano-banana
echo "GEMINI_API_KEY=<ask user for their key>" > ~/.nano-banana/.env

After init, the user can type nano-banana "prompt" from anywhere.

If bun link fails or the command is not found after linking, fall back to:

mkdir -p ~/.local/bin
ln -sf ~/tools/nano-banana-2/src/cli.ts ~/.local/bin/nano-banana
# Then ensure ~/.local/bin is on PATH:
echo 'export PATH="$HOME/.local/bin:$PATH"' >> ~/.zshrc
source ~/.zshrc

Get a Gemini API key at: https://aistudio.google.com/apikey

Quick Reference

  • Command: nano-banana "prompt" [options]
  • Default: 1K resolution, Flash model, current directory

Core Options

OptionDefaultDescription
-o, --outputnano-gen-{timestamp}Output filename (no extension)
-s, --size1KImage size: 512, 1K, 2K, or 4K
-a, --aspectmodel defaultAspect ratio: 1:1, 16:9, 9:16, 4:3, 3:4, etc.
-m, --modelflashModel: flash/nb2, pro/nb-pro, or any model ID
-d, --dircurrent directoryOutput directory
-r, --ref-Reference image (can use multiple times)
-t, --transparent-Generate on green screen, remove background (FFmpeg)
--api-key-Gemini API key (overrides env/file)
--costs-Show cost summary

Models

AliasModelUse When
flash, nb2Gemini 3.1 FlashDefault. Fast, cheap (~$0.067/1K image)
pro, nb-proGemini 3 ProHighest quality needed (~$0.134/1K image)

Sizes

SizeCost (Flash)Cost (Pro)
512~$0.045Flash only
1K~$0.067~$0.134
2K~$0.101~$0.201
4K~$0.151~$0.302

Aspect Ratios

Supported: 1:1, 16:9, 9:16, 4:3, 3:4, 3:2, 2:3, 4:5, 5:4, 21:9

Use -a flag: nano-banana "cinematic scene" -a 16:9

Key Workflows

Basic Generation

nano-banana "minimal dashboard UI with dark theme"
nano-banana "cinematic landscape" -s 2K -a 16:9
nano-banana "quick concept sketch" -s 512

Model Selection

# Default (Flash - fast, cheap)
nano-banana "your prompt"

# Pro (highest quality)
nano-banana "detailed portrait" --model pro -s 2K

Reference Images (Style Transfer / Editing)

# Edit existing image
nano-banana "change the background to pure white" -r dark-ui.png -o light-ui

# Style transfer - multiple references
nano-banana "combine these two styles" -r style1.png -r style2.png -o combined

Transparent Assets

nano-banana "robot mascot character" -t -o mascot
nano-banana "pixel art treasure chest" -t -o chest

The -t flag automatically prompts the AI to generate on a green screen, then uses FFmpeg colorkey + despill to key out the background and remove green spill from edge pixels. Pixel-perfect transparency with no manual prompting needed.

Requires: brew install ffmpeg imagemagick

Exact Dimensions

To get a specific output dimension: 1. First -r flag: your reference/style image 2. Last -r flag: blank image in target dimensions 3. Include dimensions in prompt

nano-banana "pixel art character in style of first image, 256x256" -r style.png -r blank-256x256.png -o sprite

Reference Order Matters

  • First reference: primary style/content source
  • Additional references: secondary influences
  • Last reference: controls output dimensions (if using blank image trick)

Cost Tracking

Every generation is logged to ~/.nano-banana/costs.json. View summary:

nano-banana --costs

Use Cases

  • Landing page assets - product mockups, UI previews
  • Image editing - transform existing images with prompts
  • Style transfer - combine multiple reference images
  • Marketing materials - hero images, feature illustrations
  • UI iterations - quickly generate variations of designs
  • Transparent assets - icons, logos, mascots with no background
  • Game assets - sprites, backgrounds, characters
  • Video production - visual elements for video compositions

Prompt Examples

# UI mockups
nano-banana "clean SaaS dashboard with analytics charts, white background"

# Widescreen cinematic
nano-banana "cyberpunk cityscape at sunset" -a 16:9 -s 2K

# Product shots with Pro quality
nano-banana "premium software product hero image" --model pro

# Quick low-res concept
nano-banana "rough sketch of a robot" -s 512

# Dark mode UI
nano-banana "Premium SaaS chat interface, dark mode, minimal, Linear-style aesthetic"

# Game assets with transparency (green screen auto-prompted)
nano-banana "pixel art treasure chest" -t -o chest

# Portrait aspect ratio
nano-banana "mobile app onboarding screen" -a 9:16

API Key Setup

The CLI resolves the Gemini API key in this order: 1. --api-key flag 2. GEMINI_API_KEY environment variable 3. .env file in current directory 4. .env file next to the CLI script 5. ~/.nano-banana/.env

Get a key at: https://aistudio.google.com/apikey

Related skills

How it compares

Choose nano-banana when you need a minimal CLI-backed image skill with resolution control and transparency workflows inside an agent session.

FAQ

What model does nano-banana use by default?

nano-banana defaults to Gemini 3.1 Flash Image Preview (Nano Banana 2) through the nano-banana CLI. Developers can switch to the Pro model when higher fidelity or slower generation is acceptable for the asset.

What resolutions does nano-banana support?

nano-banana supports multi-resolution output from 512 through 4K pixels. The skill also enforces exact dimension and aspect-ratio control so agents produce correctly sized UI mockups, sprites, and marketing art.

How does nano-banana create transparent assets?

nano-banana includes a green-screen workflow that generates images on a chroma-key background and exports transparent PNG assets. Developers use this path for sprites, icons, and layered game or UI graphics.

AI & Agent Buildingagentsautomation

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.