Nanobanana
Generate or edit marketing and product images with Google Gemini 3 Pro Image (Nano Banana Pro), including aspect ratio and 2K/4K output.
Overview
nanobanana is an agent skill most often used in Build (also Launch) that generates and edits images with Google Gemini 3 Pro Image using structured prompts, aspect ratios, and 2K/4K output.
Install
npx skills add https://github.com/resciencelab/opc-skills --skill nanobananaWhat is this skill?
- Text-to-image and image editing via Google Gemini 3 Pro Image (Nano Banana Pro)
- 2K and 4K output with configurable aspect ratios
- Prompt structure: subject, style, details, and quality hints
- Ready-made prompt templates for pixel art/8-bit and photorealistic styles
- MIT-licensed opc-skills package with ./scripts/ command entrypoints
- Supports 2K and 4K image output
- Uses Google Gemini 3 Pro Image (Nano Banana Pro)
- Prompt reference includes pixel art/8-bit and photorealistic categories
Adoption & trust: 2.2k installs on skills.sh; 920 GitHub stars; 2/3 security scanners passed (skills.sh audits).
What problem does it solve?
You need on-brand images for a solo project but lack time, budget, or a design workflow tied to your coding agent.
Who is it for?
Indie builders shipping landing pages, apps, or content products who want agent-driven image generation with Gemini Nano Banana Pro.
Skip if: Teams requiring licensed stock-only assets, print color-critical brand packs without human review, or workflows with no Google Gemini API access.
When should I use this skill?
User asks to generate, create, or edit images with nano banana, nanobanana, or Gemini image AI.
What do I get? / Deliverables
You produce Gemini-generated or edited images with consistent prompt patterns and resolution/aspect settings ready for product UI, docs, or launch materials.
- Generated or edited raster images at chosen aspect ratio
- Reusable prompt strings following the four-part structure
- Assets suitable for web, store, or content use at 2K/4K when requested
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Image assets are produced while building UI, docs, and launch creatives; the skill wires an agent to a generative API. Packaged as agent commands/scripts for Gemini image generation—not pure frontend code or analytics.
Where it fits
Generate pixel art icons and placeholders for a game-style UI before final art.
Create illustrative screenshots-style graphics for README and docs.
Produce social and hero images with fixed aspect ratios for a Product Hunt post.
Refresh blog and newsletter visuals using photorealistic prompt templates.
How it compares
Gemini image generator skill with prompt recipes—not an MCP server catalog or a Figma handoff integration.
Common Questions / FAQ
Who is nanobanana for?
Solo and indie builders using Claude Code, Cursor, or similar agents who want Gemini-powered text-to-image and editing from the opc-skills nanobanana package.
When should I use nanobanana?
During Build for UI mascots and placeholders; during Launch for social and store creatives; whenever you need 2K/4K Gemini images with defined aspect ratios.
Is nanobanana safe to install?
It calls external image APIs and runs repo scripts; review the Security Audits panel on this page and protect Gemini API keys in your environment.
SKILL.md
READMESKILL.md - Nanobanana
{ "name": "nanobanana", "version": "1.0.0", "description": "Generate and edit images using Google Gemini 3 Pro Image (Nano Banana Pro). Supports text-to-image, image editing, aspect ratios, and 2K/4K output.", "author": { "name": "ReScienceLab" }, "homepage": "https://github.com/ReScienceLab/opc-skills/tree/main/skills/nanobanana", "repository": "https://github.com/ReScienceLab/opc-skills", "license": "MIT", "keywords": [ "generate image", "create image", "nano banana", "nanobanana", "gemini image", "AI image" ], "skills": [ "./SKILL.md" ], "commands": [ "./scripts/" ] } # Nano Banana Prompt Reference ## Prompt Structure A good prompt typically includes: 1. **Subject** - What to generate 2. **Style** - Artistic style or aesthetic 3. **Details** - Lighting, colors, composition 4. **Quality** - Resolution hints, professional quality ## Categories ### Pixel Art / 8-bit ``` Pixel art {subject}, 8-bit retro style, limited color palette, crisp pixels, nostalgic video game aesthetic ``` **Examples:** ``` Pixel art robot mascot, 8-bit style, blue and orange colors, friendly expression, transparent background Pixel art landscape, retro video game style, sunset colors, 16-bit era aesthetic, side-scrolling game background Pixel art food icons, 8-bit style, bright colors, game UI elements, clean pixel edges ``` ### Photorealistic ``` Professional photograph of {subject}, {lighting} lighting, {lens} lens, high resolution, sharp focus, {mood} ``` **Examples:** ``` Professional product photo of wireless headphones on marble surface, soft studio lighting, 85mm lens, high resolution, minimalist background Portrait photograph of elderly craftsman in workshop, natural window lighting, 50mm lens, shallow depth of field, warm tones, documentary style Aerial photograph of coastal city at golden hour, drone perspective, dramatic lighting, high dynamic range ``` ### Digital Art / Illustration ``` Digital illustration of {subject}, {style} style, {colors} color palette, {mood} atmosphere ``` **Examples:** ``` Digital illustration of enchanted forest, fantasy art style, purple and teal color palette, mystical atmosphere, detailed foliage, magical creatures Character concept art, cyberpunk style, neon lighting, futuristic armor design, dynamic pose, professional quality Children's book illustration, whimsical style, pastel colors, friendly animals in meadow, soft edges, storybook quality ``` ### Minimalist / Flat Design ``` Minimalist {subject}, flat design, {colors}, clean lines, simple shapes, modern aesthetic ``` **Examples:** ``` Minimalist logo design, geometric mountain shape, blue gradient, flat design, vector style, clean edges Minimalist app icon, flat design, single color, simple shape, rounded corners, iOS style Minimalist infographic elements, flat icons, corporate blue palette, clean vector style ``` ### 3D / Isometric ``` 3D render of {subject}, isometric view, {style}, soft shadows, {colors}, clean background ``` **Examples:** ``` 3D isometric office workspace, low poly style, pastel colors, soft shadows, cute aesthetic 3D render of floating island, isometric perspective, fantasy environment, vibrant colors, game asset style Isometric city block, architectural visualization, modern buildings, clean lines, professional render ``` ### Abstract / Artistic ``` Abstract {subject}, {style} style, {colors}, {texture}, artistic composition ``` **Examples:** ``` Abstract fluid art, vibrant colors, marble texture, flowing shapes, high contrast, contemporary style Abstract geometric pattern, bauhaus style, primary colors, sharp edges, modernist aesthetic Abstract landscape, impressionist style, soft brushstrokes, dreamy atmosphere, oil painting texture ``` ## Aspect Ratio Guidelines | Ratio | Use Case | Example Prompt Suffix | |-------|----------|----------------------| | 1:1 | Icons, avatars, social posts | "square format, centered composition"