Logo Creator Skill

Prerequisites

• GEMINI_API_KEY

  - Get from Google AI Studio

• REMOVE_BG_API_KEY

  - Get from remove.bg

• RECRAFT_API_KEY

  - Get from recraft.ai

• nanobanana

  - AI image generation (Gemini 3 Pro Image)

File Output Location

.skill-archive

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

.skill-archive/logo-creator/2026-01-18-opc-logo/
  logo-01.png
  logo-02.png
  ...
  logo-09-cropped.png
  logo-09-nobg.png
  logo-09.svg
  preview.html

• Use current date in format

  yyyy-mm-dd

• Add short summary name (project/brand name, kebab-case)
• Create directory before generating first logo
• Keep all variations and iterations in same folder
• Final approved logo should be copied to user's desired location

Workflow

Step 1: Discovery & Requirements

1. Project/Brand name - What is the logo for?
2. Style preference - See references/styles.md for options:
   • Pixel art / 8-bit retro
   • Minimalist / flat design
   • 3D / isometric
   • Hand-drawn / sketch
   • Mascot / character
   • Monogram / lettermark
   • Abstract / geometric
3. Aspect ratio - Default is 1:1 (square), options:

   • 1:1

     - Square (favicons, app icons)

   • 16:9

     - Wide (headers, banners)

   • 4:3

     - Standard

   • 2:3

     - Portrait
4. Color preferences:
   • Monochrome (black & white)
   • Specific brand colors
   • Let AI decide
5. Reference images - Any existing logos or styles to reference?

Step 2: Generate Logo Variations

nanobanana

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

# Batch generate 20 logos
python3 <nanobanana_skill_dir>/scripts/batch_generate.py "{style} logo for {brand}, {description}, {colors}" \
  -n 20 --ratio 1:1 -d .skill-archive/logo-creator/<date-name> -p logo

• Use batch_generate.py for multiple variations (includes auto-delay)
• Save to

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

  directory
• Use sequential naming:

  logo-01.png

  ,

  logo-02.png

  , etc.

• Include style keywords: "pixel art", "minimalist", "8-bit", "flat design"
• Specify colors: "black on white", "monochrome", "blue gradient"
• Add context: "tech startup", "food brand", "gaming company"
• Request format: "icon", "emblem", "mascot", "lettermark"

Step 3: Create HTML Preview

cp <skill_dir>/templates/preview.html .skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/preview.html

open .skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/preview.html

Step 4: Iterate with User

• "Which logos do you like? (e.g., #5, #12, #18)"
• "What do you like about them?"
• "Any changes you'd want?"

1. Generate 10-20 more variations of favorite styles
2. Use naming:

   logo-{original}-v{n}.png

   (e.g.,

   logo-05-v1.png

   )
3. Update HTML preview
4. Repeat until user selects final logo

Step 5: Finalize Logo

python3 <skill_dir>/scripts/crop_logo.py {input.png} {output-cropped.png}

python3 <skill_dir>/scripts/remove_bg.py {input.png} {output-nobg.png}

python3 <skill_dir>/scripts/vectorize.py {input.png} {output.svg}

Step 6: Deliver Final Assets

## Final Logo Assets

| File | Description | Size |
|------|-------------|------|
| logo.png | Original | 1024x1024 |
| logo-cropped.png | No margins, 1:1 | ~800x800 |
| logo-nobg.png | Transparent background | ~800x800 |
| logo.svg | Vector (scalable) | ~20KB |

All files saved to: `.skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/`
Copy final logo to user's desired location.

Quick Reference

Common Prompt Patterns

Pixel art {subject} logo, 8-bit retro style, black pixels on white background, {size}x{size} grid, minimalist icon

Minimalist {subject} logo, flat design, clean lines, {color} on white, simple geometric shapes

Cute {animal/character} mascot logo, friendly expression, {style} style, {colors}, suitable for brand icon

Letter "{letter}" logo, modern typography, {style} design, {colors}, clean professional look

Supported Aspect Ratios

• 1:1

  - Square (default for logos)

• 2:3

  ,

  3:2

  - Portrait/Landscape

• 3:4

  ,

  4:3

  - Standard

• 4:5

  ,

  5:4

  - Photo

• 9:16

  ,

  16:9

  - Wide

• 21:9

  - Ultra-wide

References

• references/styles.md - Logo style guide with prompt examples
• examples/opc-logo-creation.md - Full example conversation