Banner Creator Skill

Create professional banners through AI image generation with an iterative design process.

Prerequisites

Required API Keys (set in environment):

• GEMINI_API_KEY - Get from Google AI Studio

Required Skills:

• nanobanana - AI image generation (Gemini 3 Pro Image)

File Output Location

All generated files should be saved to the .skill-archive directory:

.skill-archive/banner-creator/<yyyy-mm-dd-summaryname>/

Example:

.skill-archive/banner-creator/2026-01-19-opc-banner/
  banner-01.png
  banner-02.png
  ...
  banner-03-cropped.png
  preview.html

Workflow

Step 1: Discovery & Requirements

Before generating, gather requirements from user:

Ask about:

1. Purpose - Where will the banner be used?

   • GitHub README
   • Twitter/X header
   • LinkedIn banner
   • Website hero
   • YouTube channel art

2. Target ratio/size - See references/formats.md:

   • 2:1 (1280x640) - GitHub README
   • 3:1 (1500x500) - Twitter header
   • 16:9 (1920x1080) - Website hero

3. Style preference:

   • Match existing logo/brand?
   • Pixel art / 8-bit retro
   • Minimalist / flat design
   • Gradient / modern
   • Illustrated / artistic

4. Content elements:

   • Brand name / project name?
   • Tagline / slogan?
   • Logo character to include?

5. Color preferences:

   • Existing brand colors?
   • Let AI decide?

Wait for user confirmation before proceeding!

Step 2: Generate Banner Variations

Generate 20 banner variations using the nanobanana skill:

# Generate single banner
python3 <nanobanana_skill_dir>/scripts/generate.py "{style} banner for {brand}, {description}, {text elements}" \
  --ratio 21:9 -o .skill-archive/banner-creator/<date-name>/banner-01.png