Nano Banano Pro Skill — Development skill for Claude Code

Nano Banano Pro

A [Claude Code](https://docs.anthropic.com/en/docs/claude-code) skill for generating and editing images using Google's **Gemini 3 Pro Image Preview** model.

What It Does

This skill gives Claude Code the ability to generate and edit images directly from your conversation. Ask Claude to create infographics, product mockups, logos, data visualizations, and more — all powered by Gemini's advanced image generation.

Key Features

• High-resolution output — 1K, 2K, or 4K images
• Advanced text rendering — legible text for infographics, menus, diagrams
• Multi-turn editing — iteratively refine images through conversation
• Up to 14 reference images — maintain character/object consistency
• Google Search grounding — generate images based on real-time data
• Multiple aspect ratios — 1:1, 4:3, 3:4, 16:9, 9:16, 5:4

---

Installation

1. Get a Gemini API Key

1. Go to Google AI Studio
2. Create or select a project
3. Generate an API key
4. Copy it — you'll need it in the next step

2. Set Your API Key

Choose one of these methods:

**Option A: Environment variable (recommended)**

# Linux/macOS — add to ~/.bashrc or ~/.zshrc
export GEMINI_API_KEY=your-api-key-here

# Windows (PowerShell) — add to your profile
$env:GEMINI_API_KEY="your-api-key-here"

# Windows (Command Prompt)
set GEMINI_API_KEY=your-api-key-here

**Option B: `.env` file in the skill directory**

# Copy the template
cp .env.example .env

# Edit .env and paste your key
GEMINI_API_KEY=your-api-key-here

**Important:** Never commit your `.env` file. It's already in `.gitignore`.

3. Install the Skill in Claude Code

# Navigate to your Claude Code skills directory
cd ~/.claude/skills/

# Clone this repo
git clone https://github.com/guyaga/nano-banano-pro-skill.git nano-banano-pro

# Install dependencies
cd nano-banano-pro
npm install

4. Register the Skill

Add the skill