Back to Skills

logo-generator

Generate professional SVG logos and high-end showcase images. Use when the user wants to: (1) Create a logo or icon for their product/brand, (2) Generate logo design concepts based on product information, (3) Create professional logo showcase presentations with multiple background styles, (4) Export logos in various formats (SVG, PNG), or (5) Iterate on logo designs with different visual styles. Supports geometric patterns, dot matrix designs, line systems, and mixed compositions. Generates show

1,522stars120forksUpdated 7/16/2026

Security Assessment

Medium Risk(50/100)

Detected risks:

Secret Exposure([README.md] API_KEY=)
Sensitive File Access([README.md] .env, [SKILL.md] .env)
Security Score50/100

About logo-generator

logo-generator produces professional SVG logos and high-end showcase presentation images for products and brands. It addresses the full path from concept to deliverable: gathering brand information, generating multiple distinct logo concepts as clean SVG code, iterating on them with user feedback, and then rendering premium showcase images against a range of professional backgrounds. It is intended for creating a logo or icon, generating design concepts from product information, building showcase presentations, exporting logos in multiple formats, and iterating on designs with different visual styles.

The workflow runs in five phases. Phase 1 gathers essential information (product/brand name, industry, core concept, and design preferences such as style, color, and mood). Phase 2 generates at least 6 distinct design variants based on references/design_patterns.md, produces SVG code using viewBox="0 0 100 100" and currentColor for flexible color control, and builds an interactive showcase webpage from assets/showcase_template.html. Phase 3 supports targeted iteration and refinement. Phase 4 exports the SVG to PNG using scripts/svg_to_png.py (default 1024x1024, transparent background), selects showcase styles from references/background_styles.md, and generates showcase images with scripts/generate_showcase.py (including an --all-styles flag) using Nano Banana (Gemini image generation). Phase 5 delivers the interactive HTML showcase, SVG files, PNG exports, and showcase images. The skill documents 12 professional background styles split into 6 dark styles (void, frosted, fluid, spotlight, analog_liquid, led_matrix) and 6 light styles (editorial, iridescent, morning, clinical, ui_container, swiss_flat), plus common SVG patterns like concentric circle dots, geometric shape with line accent, and node network.

logo-generator suits designers, founders, and product teams who want brand-quality logo concepts with polished presentation assets. The showcase generation script requires Python 3.8+, dependencies installed via pip install -r requirements.txt, environment variables in a .env file (copied from .env.example), and a reference PNG exported from the SVG. It supports both the official Google Gemini API and third-party endpoints via GEMINI_API_BASE_URL. Troubleshooting guidance covers SVG display issues, PNG export failures (requiring cairosvg), showcase generation failures (valid GEMINI_API_KEY, readable reference PNG, API quota), and third-party API URL formatting.

FAQ

How many logo variants does the skill generate?

It generates at least 6 distinct design variants based on references/design_patterns.md, each meant to feel distinctly different rather than a parameter tweak, with a design rationale explained for each, then narrows to 2-3 during iteration.

What is required to generate the showcase images?

The generate_showcase.py script requires Python 3.8+, dependencies from pip install -r requirements.txt, environment variables in a .env file (copied from .env.example with an API key added), and a reference PNG exported from the SVG. Showcase images are generated with the Nano Banana (Gemini) API.

How are logos exported to PNG?

Use scripts/svg_to_png.py to convert an SVG to PNG at a default size of 1024x1024 with a transparent background. PNG export relies on cairosvg, so if export fails, verify cairosvg is installed.

What background styles are available for showcases?

There are 12 professional styles: 6 dark (void, frosted, fluid, spotlight, analog_liquid, led_matrix) and 6 light (editorial, iridescent, morning, clinical, ui_container, swiss_flat), each with characteristics and suitable use cases documented in references/background_styles.md.

Can I use a non-official image API endpoint?

Yes. The skill supports both the official Google Gemini API and third-party endpoints via the GEMINI_API_BASE_URL environment variable, which should be correctly formatted (for example, https://api.example.com/v1).

All Files

13 files
.env.example0.3 KB
View
README.md11.1 KB
View
references/background_styles.md9.1 KB
View
.gitignore0.1 KB
View
.DS_Store10.0 KB
View
scripts/svg_to_png.py1.8 KB
View
assets/background_library.html29.2 KB
View
assets/showcase_template.html7.0 KB
View
references/webgl_backgrounds.md4.7 KB
View
references/design_patterns.md28.1 KB
View
SKILL.md7.1 KB
View
requirements.txt0.1 KB
View
scripts/generate_showcase.py12.2 KB
View

Install logo-generator

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill