nanobanana-skill — community nanobanana-skill, codex-settings, community, ide skills, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Perfect for Visual Coding Agents needing advanced image generation and editing capabilities through Google Gemini API OpenAI Codex CLI settings, configurations, skills and prompts for vibe coding

feiskyer feiskyer
[0]
[0]
Updated: 2/20/2026

Agent Capability Analysis

The nanobanana-skill skill by feiskyer is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance.

Ideal Agent Persona

Perfect for Visual Coding Agents needing advanced image generation and editing capabilities through Google Gemini API

Core Value

Empowers agents to generate and edit images using the Google Gemini API, leveraging libraries like Pillow and google-genai, and supporting configuration through python-dotenv, all while utilizing the nanobanana tool for efficient vibe coding

Capabilities Granted for nanobanana-skill

Generating images for web applications
Editing existing images using the Google Gemini API
Automating image processing tasks with Python3 and dependent packages

! Prerequisites & Limits

  • Requires GEMINI_API_KEY configuration
  • Needs Python3 with specific dependent packages installed (google-genai, Pillow, python-dotenv)
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

nanobanana-skill

Install nanobanana-skill, an AI agent skill for AI agent workflows and automation. Works with Claude Code, Cursor, and Windsurf with one-command setup.

SKILL.md
Readonly

Nanobanana Image Generation Skill

Generate or edit images using Google Gemini API through the nanobanana tool.

Requirements

  1. GEMINI_API_KEY: Must be configured in ~/.nanobanana.env or export GEMINI_API_KEY=<your-api-key>
  2. Python3 with depedent packages installed: google-genai, Pillow, python-dotenv. They could be installed via python3 -m pip install -r ~/.codex/skills/nanobanana-skill/requirements.txt if not installed yet.
  3. Executable: ~/.codex/skills/nanobanana-skill/nanobanana.py

Example .nanobanana.env:

bash
1GEMINI_API_KEY=sk-dummy

Instructions

For image generation

  1. Ask the user for:

    • What they want to create (the prompt)
    • Desired aspect ratio/size (optional, defaults to 9:16 portrait)
    • Output filename (optional, auto-generates UUID if not specified)
    • Model preference (optional, defaults to gemini-3-pro-image-preview)
    • Resolution (optional, defaults to 1K)
  2. Run the nanobanana script with appropriate parameters:

    bash
    1python3 ~/.codex/skills/nanobanana-skill/nanobanana.py --prompt "description of image" --output "filename.png"
  3. Show the user the saved image path when complete

For image editing

  1. Ask the user for:

    • Input image file(s) to edit
    • What changes they want (the prompt)
    • Output filename (optional)
  2. Run with input images:

    bash
    1python3 ~/.codex/skills/nanobanana-skill/nanobanana.py --prompt "editing instructions" --input image1.png image2.png --output "edited.png"

Available Options

Aspect Ratios (--size)

  • 1024x1024 (1:1) - Square
  • 832x1248 (2:3) - Portrait
  • 1248x832 (3:2) - Landscape
  • 864x1184 (3:4) - Portrait
  • 1184x864 (4:3) - Landscape
  • 896x1152 (4:5) - Portrait
  • 1152x896 (5:4) - Landscape
  • 768x1344 (9:16) - Portrait (default)
  • 1344x768 (16:9) - Landscape
  • 1536x672 (21:9) - Ultra-wide

Models (--model)

  • gemini-3-pro-image-preview (default) - Higher quality
  • gemini-2.5-flash-image - Faster generation

Resolution (--resolution)

  • 1K (default)
  • 2K
  • 4K

Optional Flags

  • --enable-google-search Enable Google Search tool for the model (default: disabled)
  • --include-thoughts Include model thinking in output (default: disabled)

Examples

Generate a simple image

bash
1python3 ~/.codex/skills/nanobanana-skill/nanobanana.py --prompt "A serene mountain landscape at sunset with a lake"

Generate with specific size and output

bash
1python3 ~/.codex/skills/nanobanana-skill/nanobanana.py \ 2 --prompt "Modern minimalist logo for a tech startup" \ 3 --size 1024x1024 \ 4 --output "logo.png"

Generate landscape image with high resolution

bash
1python3 ~/.codex/skills/nanobanana-skill/nanobanana.py \ 2 --prompt "Futuristic cityscape with flying cars" \ 3 --size 1344x768 \ 4 --resolution 2K \ 5 --output "cityscape.png"

Edit existing images

bash
1python3 ~/.codex/skills/nanobanana-skill/nanobanana.py \ 2 --prompt "Add a rainbow in the sky" \ 3 --input photo.png \ 4 --output "photo-with-rainbow.png"

Use faster model

bash
1python3 ~/.codex/skills/nanobanana-skill/nanobanana.py \ 2 --prompt "Quick sketch of a cat" \ 3 --model gemini-2.5-flash-image \ 4 --output "cat-sketch.png"

Error Handling

If the script fails:

  • Check that GEMINI_API_KEY is exported or set in ~/.nanobanana.env
  • Verify input image files exist and are readable
  • Ensure the output directory is writable
  • If no image is generated, try making the prompt more specific about wanting an image

Best Practices

  1. Be descriptive in prompts - include style, mood, colors, composition
  2. For logos/graphics, use square aspect ratio (1024x1024)
  3. For social media posts, use 9:16 for stories or 1:1 for posts
  4. For wallpapers, use 16:9 or 21:9
  5. Start with 1K resolution for testing, upgrade to 2K/4K for final output
  6. Use gemini-3-pro-image-preview for best quality, gemini-2.5-flash-image for speed

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is nanobanana-skill?

Perfect for Visual Coding Agents needing advanced image generation and editing capabilities through Google Gemini API OpenAI Codex CLI settings, configurations, skills and prompts for vibe coding

How do I install nanobanana-skill?

Run the command: npx killer-skills add feiskyer/codex-settings/nanobanana-skill. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for nanobanana-skill?

Key use cases include: Generating images for web applications, Editing existing images using the Google Gemini API, Automating image processing tasks with Python3 and dependent packages.

Which IDEs are compatible with nanobanana-skill?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for nanobanana-skill?

Requires GEMINI_API_KEY configuration. Needs Python3 with specific dependent packages installed (google-genai, Pillow, python-dotenv).

How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add feiskyer/codex-settings/nanobanana-skill. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use nanobanana-skill immediately in the current project.

Related Skills

Looking for an alternative to nanobanana-skill or another community skill for your workflow? Explore these related open-source skills.

View All

widget-generator

Logo of f
f

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

149.6k
0
AI

flags

Logo of vercel
vercel

flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.

138.4k
0
Browser

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI