This skill uses the Gemini CLI's nanobanana extension to generate and edit images across multiple visual types: blog featured images, YouTube thumbnails, icons, diagrams, patterns, and photos. It provides dedicated commands for text-to-image generation, image editing, photo restoration, icon creation, diagram drawing, pattern making, and narrative sequences. Content creators, designers, developers, and photographers can produce and iterate on visuals without leaving the terminal.
Follow the documented setup, then try a first task.
Installs: Single nano-banana skill · Claude Code
Run from: The repository directory containing SKILL.md
In a terminal, install the Gemini CLI globally with npm.
npm install -g @google/gemini-cli
In a terminal, set the API key variable documented by the README. Replace the author-provided placeholder your-api-key with your Gemini API key from Google AI Studio.
export NANOBANANA_GEMINI_API_KEY="your-api-key"
In a terminal, also set the GEMINI_API_KEY variable required by the skill's before-first-use check. Replace the author-provided placeholder your-key with the same Gemini API key.
export GEMINI_API_KEY="your-key"
In a terminal, install the nanobanana extension through the Gemini CLI.
gemini extensions install https://github.com/gemini-cli-extensions/nanobanana
In a terminal, run the skill's documented extension check before first use.
gemini extensions list | grep nanobanana
In a terminal, run the skill's documented API-key check before first use.
[ -n "$GEMINI_API_KEY" ] && echo "API key configured" || echo "Missing GEMINI_API_KEY"
From the repository directory containing SKILL.md, run these terminal commands to create the Claude Code skill directory and copy the skill file into it.
mkdir -p ~/.claude/skills/nano-banana cp SKILL.md ~/.claude/skills/nano-banana/
Installs: Single nano-banana skill repository · Claude Code
In a terminal, install the Gemini CLI globally with npm.
npm install -g @google/gemini-cli
In a terminal, set the API key variable documented by the README. Replace the author-provided placeholder your-api-key with your Gemini API key from Google AI Studio.
export NANOBANANA_GEMINI_API_KEY="your-api-key"
In a terminal, also set the GEMINI_API_KEY variable required by the skill's before-first-use check. Replace the author-provided placeholder your-key with the same Gemini API key.
export GEMINI_API_KEY="your-key"
In a terminal, install the nanobanana extension through the Gemini CLI.
gemini extensions install https://github.com/gemini-cli-extensions/nanobanana
In a terminal, run the skill's documented extension check before first use.
gemini extensions list | grep nanobanana
In a terminal, run the skill's documented API-key check before first use.
[ -n "$GEMINI_API_KEY" ] && echo "API key configured" || echo "Missing GEMINI_API_KEY"
In a terminal, clone the skill repository directly into the documented Claude Code skills directory.
git clone https://github.com/kkoppenhaver/cc-nano-banana ~/.claude/skills/nano-banana
Uses nano-banana
Use the nano-banana skill to generate one blog header image for a post about [TOPIC]. Use [STYLE], [MOOD], and [COLORS], with a wide-banner composition and no rendered text. Save the result in the skill's documented output directory, but do not publish or send it anywhere.
Claude
Gemini CLI