Agent skill

nano-banana

REQUIRED for all image generation requests. Generate and edit images using Nano Banana (Gemini CLI). Handles blog featured images, YouTube thumbnails, icons, diagrams, patterns, illustrations, photos, visual assets, graphics, artwork, pictures. Use this skill whenever the user asks to create, generate, make, draw, design, or edit any image or visual content.

Stars 149
Forks 27

Install this agent skill to your Project

npx add-skill https://github.com/nicepkg/ai-workflow/tree/main/workflows/content-creator-workflow/.claude/skills/nano-banana

SKILL.md

Nano Banana Image Generation

Generate professional images via the Gemini CLI's nanobanana extension.

When to Use This Skill

ALWAYS use this skill when the user:

  • Asks for any image, graphic, illustration, or visual
  • Wants a thumbnail, featured image, or banner
  • Requests icons, diagrams, or patterns
  • Asks to edit, modify, or restore a photo
  • Uses words like: generate, create, make, draw, design, visualize

Do NOT attempt to generate images through any other method.

Before First Use

  1. Verify extension is installed:
    bash
    gemini extensions list | grep nanobanana
    
  2. If missing, install it:
    bash
    gemini extensions install https://github.com/gemini-cli-extensions/nanobanana
    
  3. Verify API key is set:
    bash
    [ -n "$GEMINI_API_KEY" ] && echo "API key configured" || echo "Missing GEMINI_API_KEY"
    

Command Selection

User Request Command
"make me a blog header" /generate
"create an app icon" /icon
"draw a flowchart of..." /diagram
"fix this old photo" /restore
"remove the background" /edit
"create a repeating texture" /pattern
"make a comic strip" /story

Available Commands

Note: Always use the --yolo flag to automatically approve all tool actions.

Command Use Case
gemini --yolo "/generate 'prompt'" Text-to-image generation
gemini --yolo "/edit file.png 'instruction'" Modify existing image
gemini --yolo "/restore old_photo.jpg 'fix scratches'" Repair damaged photos
gemini --yolo "/icon 'description'" App icons, favicons, UI elements
gemini --yolo "/diagram 'description'" Flowcharts, architecture diagrams
gemini --yolo "/pattern 'description'" Seamless textures and patterns
gemini --yolo "/story 'description'" Sequential/narrative images
gemini --yolo "/nanobanana prompt" Natural language interface

Common Options

  • --yolo - Required. Auto-approve all tool actions (no confirmation prompts)
  • --count=N - Generate N variations (1-8)
  • --preview - Auto-open generated images
  • --styles="style1,style2" - Apply artistic styles
  • --format=grid|separate - Output arrangement

Common Sizes

Use Case Dimensions Notes
YouTube thumbnail 1280x720 --aspect=16:9
Blog featured image 1200x630 Social preview friendly
Square social 1080x1080 Instagram, LinkedIn
Twitter/X header 1500x500 Wide banner
Vertical story 1080x1920 --aspect=9:16

Model Selection

Default: gemini-2.5-flash-image (~$0.04/image)

For higher quality (4K, better reasoning):

bash
export NANOBANANA_MODEL=gemini-3-pro-image-preview

Blog Featured Image Examples

bash
# Modern illustration style
gemini --yolo "/generate 'modern flat illustration of developer coding at laptop, purple and blue gradient background, minimalist style, no text' --preview"

# Professional photography style
gemini --yolo "/generate 'professional editorial photo of coffee cup next to laptop on wooden desk, morning sunlight, shallow depth of field, no text' --count=3"

# Tech/abstract
gemini --yolo "/generate 'abstract visualization of neural network connections, dark background with glowing blue nodes, futuristic style' --preview"

Icon Generation

bash
gemini --yolo "/icon 'minimalist app logo for productivity tool' --sizes='64,128,256,512' --type='app-icon' --corners='rounded'"

Diagram Generation

bash
gemini --yolo "/diagram 'user authentication flow with OAuth' --type='flowchart' --style='modern'"

Output Location

All generated images are saved to ./nanobanana-output/ in the current directory.

Presenting Results

After generation completes:

  1. List contents of ./nanobanana-output/ to find generated files
  2. Present the most recent image(s) to the user
  3. Offer to regenerate with variations if needed

Refinements and Iterations

When the user asks for changes:

  • "Try again" / "Give me options": Regenerate with --count=3
  • "Make it more [adjective]": Adjust prompt and regenerate
  • "Edit this one": Use gemini --yolo "/edit nanobanana-output/filename.png 'adjustment'"
  • "Different style": Add --styles="requested_style" to the command

Prompt Tips

  1. Be specific: Include style, mood, colors, composition details
  2. Add "no text": If you don't want text rendered in the image
  3. Reference styles: "editorial photography", "flat illustration", "3D render", "watercolor"
  4. Specify aspect ratio context: "wide banner", "square thumbnail", "vertical story"

Troubleshooting

Problem Solution
GEMINI_API_KEY not set export GEMINI_API_KEY="your-key"
Extension not found Run install command from setup section
Quota exceeded Wait for reset or switch to flash model
Image generation failed Check prompt for policy violations, simplify request
Output directory missing Will be created automatically on first run

Expand your agent's capabilities with these related and highly-rated skills.

nicepkg/ai-workflow

workflow-creator

Create complete Claude Code workflow directories with curated skills. Use when user wants to (1) create a new workflow for specific use case (media creator, developer, marketer, etc.), (2) set up a Claude Code project with pre-configured skills, (3) download and organize skills from GitHub repositories, or (4) generate README.md and AGENTS.md documentation for workflows. Triggers on phrases like "create workflow", "new workflow", "set up workflow", "build a xxx-workflow".

149 27
Explore
nicepkg/ai-workflow

add-new-skills-to-workflow

Add new skills to an existing workflow and update all related documentation. Use when user wants to add skills from GitHub URLs to a workflow (e.g., "add this skill to the workflow", "为工作流添加技能"). Triggers on adding skills to workflows, updating workflow documentation after skill additions.

149 27
Explore
nicepkg/ai-workflow

remove-old-skills-from-workflow

Guide for removing skills from an existing workflow and updating all related documentation. Use when user wants to remove skills from a workflow (e.g., "remove skill", "delete skill", "移除技能", "删除技能").

149 27
Explore
nicepkg/ai-workflow

legacy-to-ai-ready

Transform legacy codebases into AI-ready projects with Claude Code configurations. Use when (1) analyzing old projects to generate AI coding configurations, (2) creating CLAUDE.md, skills, subagents, slash commands, hooks, or rules for existing projects, (3) user wants to enable vibe coding for a codebase, (4) onboarding new team members with AI-assisted development, (5) user mentions "make project AI-ready", "generate Claude config", or "create coding standards for AI".

149 27
Explore
nicepkg/ai-workflow

skill-downloader

Download and install Claude Code skills from various sources. Supports GitHub repositories, compressed archives (.zip, .tar.gz, .skill), and direct URLs. Use when user wants to download, install, or add a skill from GitHub, URL, or archive file. Triggers on "download skill", "install skill", "add skill from", "get skill".

149 27
Explore
nicepkg/ai-workflow

skill-creator

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

149 27
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results