Image Generation
Plugin
cc-nano-banana
A Claude Code skill for generating and editing images using the Gemini CLI's nanobanana extension.
Plugin Signal53/100Fair
maintained60
capable14
documented100
adopted55
Install
$ npx -y skills add kkoppenhaver/cc-nano-banana --agent claude-code
What's inside
README
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
- Gemini CLI - Install from gemini-cli
- Gemini API Key - Get one from Google AI Studio
- 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
| Command | Description |
|---|---|
/generate | Text-to-image generation |
/edit | Modify existing images |
/restore | Repair damaged photos |
/icon | Generate app icons |
/diagram | Create flowcharts and diagrams |
/pattern | Generate seamless patterns |
/story | Create sequential/narrative images |
/nanobanana | Natural language interface |
Common Options
| Option | Description |
|---|---|
--count=N | Generate N variations (1-8) |
--preview | Auto-open generated images |
--styles="style1,style2" | Apply artistic styles |
--seed=N | Seed for reproducible results |
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.
File tree
kkoppenhaver/cc-nano-bananaView on GitHub
LICENSE README.md SKILL.md
FAQ
cc-nano-banana is a Claude Code plugin with 1 hand-picked skill for image generation work, indexed on Flowy. Install it with the command on its page. It includes cc-nano-banana. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is cc-nano-banana?
- A Claude Code skill for generating and editing images using the Gemini CLI's nanobanana extension.
- How do I install cc-nano-banana?
- Run these in Claude Code: npx -y skills add kkoppenhaver/cc-nano-banana --agent claude-code. Then prompt normally.
- Does cc-nano-banana auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- Is cc-nano-banana free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.