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, or brand mark.
npxskills add resciencelab/opc-skills--skill logo-creatorLoading…
Create professional logos through AI image generation with an iterative design process.
Required API Keys (set in environment):
GEMINI_API_KEY - Get from Google AI StudioREMOVE_BG_API_KEY - Get from remove.bgRECRAFT_API_KEY - Get from recraft.aiRequired Skills:
nanobanana - AI image generation (Gemini 3 Pro Image)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:
yyyy-mm-ddBefore generating, gather requirements from user:
Ask about:
Project/Brand name - What is the logo for?
Style preference - See references/styles.md for options:
Aspect ratio - Default is 1:1 (square), options:
1:1 - Square (favicons, app icons)16:9 - Wide (headers, banners)4:3 - Standard2:3 - PortraitColor preferences:
Reference images - Any existing logos or styles to reference?
Wait for user confirmation before proceeding!
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:
.skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/ directorylogo-01.png, logo-02.png, etc.Prompt Tips:
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.
Ask user which logos they prefer:
Based on feedback:
logo-{original}-v{n}.png (e.g., logo-05-v1.png)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}
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.
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
1:1 - Square (default for logos)2:3, 3:2 - Portrait/Landscape3:4, 4:3 - Standard4:5, 5:4 - Photo9:16, 16:9 - Wide21:9 - Ultra-wide
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.
CLI to manage emails via IMAP/SMTP. Use `himalaya` to list, read, write, reply, forward, search, and organize emails from the terminal. Supports multiple accounts and message composition with MML (MIME Meta Language).
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.
CLI to manage emails via IMAP/SMTP. Use `himalaya` to list, read, write, reply, forward, search, and organize emails from the terminal. Supports multiple accounts and message composition with MML (MIME Meta Language).