Agent skill · software engineering · aiskillstore
nano-banana-builder
Build full-stack web applications powered by Google Gemini's Nano Banana & Nano Banana Pro image generation APIs. Use when creating Next.js image generators, editors, galleries, or any web app that integrates gemini-2.5-flash-image or gemini-3-pro-image-preview models. Covers React components, server actions, API routes, storage, rate limiting, and production deployment patterns.
Why this skill is useful
Provides specific implementation patterns and model usage for integrating Google Gemini's image generation APIs in full-stack applications.
What it needs
Requires @ai-sdk/google installed locally. Requires google account access. About 5k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Nano Banana Builder Build production-ready web applications powered by Google's Nano Banana image generation APIs—creating everything from simple text-to-image generators to sophisticated iterative editors with multi-turn conversation. --- CRITICAL: Exact Model Names Use ONLY these exact model strings. Do not invent, guess, or add date suffixes. Model String (use exactly) Alias Use Case --------------------------- ------- ---------- gemini-2.5-flash-image Nano Banana Fast iterations, drafts, high volume gemini-3-pro-image-preview Nano Banana Pro Quality output, text rendering, 2K Common mistakes to avoid: ❌ gemini-2.5-flash-preview-05-20 — wrong, date suffixes are for text models ❌ gemini-2.5-pro-image — wrong, 2.5 Pro doesn't do image generation ❌ gemini-3-flash-image — wrong, doesn't exist ❌ gemini-pro-vision — wrong, that's for image input, not generation The only valid image generation models are gemini-2.5-flash-image and gemini-3-pro-image-preview. --- Philosophy: Conversational Image Generation Nano Banana isn't just another image API—it's conversational by design. The core insight is that image generation works best as a dialogue, not a one-shot prompt. Think of it as working with an AI art director: Iterative refinement → Build up images through conversation, not perfection in one prompt Context awareness → The model "remembers" previous generations and edits Natural language editing → Describe changes conversationally, not with parameters Before Building, Ask What's the primary use case? Text-to-image generation? Image editing? Multi-image composition? Style transfer? Which model fits the need? Nano Banana (speed/iterations) or Nano Banana Pro (quality/complex prompts)? What's the user journey? Single generation? Iterative refinement? Gallery browsing? What are production constraints? Rate limits? Storage? Cost per image? User volume? Core Principles 1. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/nano-banana-builder