Nano Banana

Nano Banana Image Generation

Generate professional images via the Gemini CLI's nanobanana extension.

When to Use This Skill

ALWAYS use this skill when the user:

• Asks for any image, graphic, illustration, or visual
• Wants a thumbnail, featured image, or banner
• Requests icons, diagrams, or patterns
• Asks to edit, modify, or restore a photo
• Uses words like: generate, create, make, draw, design, visualize

Do NOT attempt to generate images through any other method.

Before First Use

1. Verify extension is installed:

   gemini extensions list | grep nanobanana

2. If missing, install it:

   gemini extensions install https://github.com/gemini-cli-extensions/nanobanana

3. Verify API key is set:

   [ -n "$GEMINI_API_KEY" ] && echo "API key configured" || echo "Missing GEMINI_API_KEY"

Command Selection

Available Commands

Note: Always use the --yolo flag to automatically approve all tool actions.

Common Options

• --yolo - Required. Auto-approve all tool actions (no confirmation prompts)
• --count=N - Generate N variations (1-8)
• --preview - Auto-open generated images
• --styles="style1,style2" - Apply artistic styles
• --format=grid|separate - Output arrangement

Common Sizes

Model Selection

Default: gemini-2.5-flash-image (~$0.04/image)

For higher quality (4K, better reasoning):

export NANOBANANA_MODEL=gemini-3-pro-image-preview

Blog Featured Image Examples

# Modern illustration style
gemini --yolo "/generate 'modern flat illustration of developer coding at laptop, purple and blue gradient background, minimalist style, no text' --preview"

# Professional photography style
gemini --yolo "/generate 'professional editorial photo of coffee cup next to laptop on wooden desk, morning sunlight, shallow depth of field, no text' --count=3"

# Tech/abstract
gemini --yolo "/generate 'abstract visualization of neural network connections, dark background with glowing blue nodes, futuristic style' --preview"

Icon Generation

gemini --yolo "/icon 'minimalist app logo for productivity tool' --sizes='64,128,256,512' --type='app-icon' --corners='rounded'"

Diagram Generation

gemini --yolo "/diagram 'user authentication flow with OAuth' --type='flowchart' --style='modern'"

Output Location

All generated images are saved to ./nanobanana-output/ in the current directory.

Presenting Results

After generation completes: 1. List contents of ./nanobanana-output/ to find generated files 2. Present the most recent image(s) to the user 3. Offer to regenerate with variations if needed

Refinements and Iterations

When the user asks for changes:

• "Try again" / "Give me options": Regenerate with --count=3
• "Make it more [adjective]": Adjust prompt and regenerate
• "Edit this one": Use gemini --yolo "/edit nanobanana-output/filename.png 'adjustment'"
• "Different style": Add --styles="requested_style" to the command

Prompt Tips

1. Be specific: Include style, mood, colors, composition details 2. Add "no text": If you don't want text rendered in the image 3. Reference styles: "editorial photography", "flat illustration", "3D render", "watercolor" 4. Specify aspect ratio context: "wide banner", "square thumbnail", "vertical story"

Troubleshooting

Nano Banana

A Claude Code skill for generating and editing images using the Gemini CLI's nanobanana extension.

Features

• Text-to-image generation - Create images from natural language prompts
• Image editing - Modify existing images with instructions
• Photo restoration - Repair damaged or old photos
• Icon generation - Create app icons and favicons
• Diagram creation - Generate flowcharts and architecture diagrams
• Pattern generation - Create seamless textures and patterns
• Story/sequential images - Generate narrative image sequences

Prerequisites

1. Gemini CLI - Install from gemini-cli 2. Gemini API Key - Get one from Google AI Studio 3. nanobanana extension - Installed via Gemini CLI

Installation

1. Install the Gemini CLI

npm install -g @google/gemini-cli

2. Set your API key

export NANOBANANA_GEMINI_API_KEY="your-api-key"

3. Install the nanobanana extension

gemini extensions install https://github.com/gemini-cli-extensions/nanobanana

4. Install this skill

Copy the SKILL.md file to your Claude Code skills directory:

mkdir -p ~/.claude/skills/nano-banana
cp SKILL.md ~/.claude/skills/nano-banana/

Or clone this repository directly:

git clone https://github.com/kkoppenhaver/cc-nano-banana ~/.claude/skills/nano-banana

Usage

Once installed, Claude Code will automatically use this skill when you ask for image generation. Examples:

• "Generate a blog header image for a post about machine learning"
• "Create a YouTube thumbnail for a coding tutorial"
• "Make an app icon for a productivity tool"
• "Draw a flowchart showing user authentication"
• "Edit this image to remove the background"

Available Commands

Common Options

Output

Generated images are saved to ./nanobanana-output/ in your current working directory.

Model Selection

Default model: gemini-2.5-flash-image (~$0.04/image)

For higher quality output:

export NANOBANANA_MODEL=gemini-3-pro-image-preview

License

MIT

Contributing

Contributions are welcome! Please open an issue or submit a pull request.