Open Skills Logo
Open Skills

logo-creator

Create logos using AI image generation. Discuss style/ratio, generate variations, iterate with user feedback, crop, remove background, and export as SVG. Use when user wants to create a logo, icon, favicon, brand mark, mascot, emblem, or design a logo.

Author

@ReScienceLab

Category

Image Processing

Install

Hot:2

Download and extract to your skills directory

Copy command and send to AI Agent for auto-install:

Download and install this skill https://openskills.cc/api/download?slug=resciencelab-skills-logo-creator&locale=en&source=copy
name:logo-creatordescription:Create logos using AI image generation. Discuss style/ratio, generate variations, iterate with user feedback, crop, remove background, and export as SVG. Use when user wants to create a logo, icon, favicon, brand mark, mascot, emblem, or design a logo.

Logo Creator Skill

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

Prerequisites

Required API Keys (set in environment):

  • GEMINI_API_KEY - Get from Google AI Studio

  • REMOVE_BG_API_KEY - Get from remove.bg

  • RECRAFT_API_KEY - Get from recraft.ai

    • 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/logo-creator/<yyyy-mm-dd-summaryname>/

    Example:

    .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

    Guidelines:

  • 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

    Before generating, gather requirements from user:

    Ask about:

  • Project/Brand name - What is the logo for?

  • 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

  • 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

  • Color preferences:

    • - Monochrome (black & white)
    - Specific brand colors
    - Let AI decide

  • Reference images - Any existing logos or styles to reference?

    • Wait for user confirmation before proceeding!

    Step 2: Generate Logo Variations

    Generate 20 logo variations (default) using the nanobanana skill:

    # 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

    Guidelines:

  • 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.

    • Prompt Tips:

  • 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

    Copy the preview template and open in browser:

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

    Then open in default browser:

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

    IMPORTANT: Update the HTML to include the correct number of logos generated.

    Step 4: Iterate with User

    Ask user which logos they prefer:

  • "Which logos do you like? (e.g., #5, #12, #18)"

  • "What do you like about them?"

  • "Any changes you'd want?"

    • Based on feedback:

  • Generate 10-20 more variations of favorite styles

  • Use naming: logo-{original}-v{n}.png (e.g., logo-05-v1.png)

  • Update HTML preview

  • Repeat until user selects final logo

    • Step 5: Finalize Logo

    Once user approves a logo, process it:

    5a. Crop whitespace (make 1:1 with no margins):

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

    5b. Remove background:

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

    5c. Convert to SVG:

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

    Step 6: Deliver Final Assets

    Present final deliverables:

    ## 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:

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

    Minimalist:

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

    Mascot:

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

    Lettermark:

    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