← ClaudeAtlas

nano-banana-builderlisted

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.
aiskillstore/marketplace · ★ 329 · Web & Frontend · score 79
Install: claude install-skill aiskillstore/marketplace
# 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 - **Na