←Leaderboard/Design/logo-generator-skill
Last commit on April 15, 2026·Created on April 15, 2026

op7418/logo-generator-skill

“Creates professional SVG logos and high-end showcase presentations for brands and products.”
Combined rank
#210
across all skills
In Design
#30
category rank
Stars
2.2k
+1.8% in last 7d
Forks
173
+0.6% in last 7d
Watchers
6
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This skill guides the creation of brand identities by translating product concepts into scalable vector graphics. It moves from information gathering on industry and mood to the generation of multiple design variants based on geometric patterns, dot matrices, and line systems.

Designers and product owners can iterate on visual styles and export logos in SVG or PNG formats. The process includes generating professional showcase images with various background styles to visualize the logo in a production context.

WHO IT'S FOR
Startup founders
create initial brand identities and logos
Product designers
rapidly prototype logo design concepts
Marketing specialists
generate high-end logo showcase presentations
Frontend developers
implement scalable SVG logos with animations
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill

Follow the documented setup, then try a first task.

Automatic installation for Claude Code

Installs: Complete logo-generator skill repository · Claude Code

Before you start
  • A Gemini API key for post-installation configuration
  1. Run the documented automatic installation command in a terminal.

    npx skills add https://github.com/op7418/logo-generator-skill.git
  2. In a terminal, enter the installed skill directory and install its required dependencies.

    cd ~/.claude/skills/logo-generator
    pip install -r requirements.txt
  3. In a terminal, copy the example environment file. Then edit `.env` and set `GEMINI_API_KEY` to your actual Gemini API key.

    cp .env.example .env
    # Edit .env and add your GEMINI_API_KEY
  4. Restart Claude Code. In the Claude Code conversation—not the terminal—enter `/logo-generator` to verify the installation.

SKILL.md ↗ · Checked Oct 18, 2026README.md ↗ · Checked Oct 18, 2026

Give it something to do.

Suggested first task

Generate initial SVG logo concepts

Uses logo-generator

  • Replace [PRODUCT/BRAND NAME] with the required product or brand name.
  • Replace [INDUSTRY/CATEGORY] with the market category, such as AI, fintech, or design tools.
  • Replace [CORE CONCEPT] with the idea the logo should convey, such as connection, flow, security, or simplicity.
  • Replace the design-preference placeholders with the desired style, color treatment, and mood.
Use the logo-generator skill to generate at least six distinct SVG logo variants for [PRODUCT/BRAND NAME], a [INDUSTRY/CATEGORY] product centered on [CORE CONCEPT]. My preferences are [MINIMAL OR COMPLEX], [GEOMETRIC OR ORGANIC], [COLOR PREFERENCE], and [MOOD]. Explain the design rationale for each variant.
SKILL.md ↗ · Checked Oct 18, 2026README.md ↗ · Checked Oct 18, 2026