Logo Designer

This one walks you through the whole logo design process in phases: it interviews you about format and style, reads your project files to pull colors and context, then spins up parallel agents to generate 3-5 distinct SVG concepts at once. The SVG rules are solid (self-contained, no external fonts, optimized for favicon sizes) and it outputs a side-by-side HTML preview so you can compare directions visually. Once you pick one, it iterates from there. It's structured enough that you won't get a single half-baked attempt, but flexible enough to handle "just make something" or detailed briefs. Good for spinning up project branding without opening Figma.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 7
skills.sh installs: 984
GitHub stars: 197
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add neonwatty/logo-designer-skill --skill logo-designer --agent claude-code

Installs into .claude/skills of the current project.

Files

Logo Designer

Design and iterate on logos using SVG. Generates side-by-side previews and exports to PNG at standard sizes.

Phase 1: Interview

Before generating anything, gather context and ask the user what they need.

Step 1: Gather context automatically

If the user points to a repo, URL, or existing project:

Read the README, package.json, CSS/config files, and any existing branding
Extract: project name, purpose, tech stack, color palette, design language, fonts
Summarize what you found before asking questions — this avoids asking things you already know

If the user just says "design a logo" with no project context, skip to Step 2.

Step 2: Ask structured questions

Use the AskUserQuestion tool to ask these questions. Batch related questions together (up to 4 per call) and skip any question already answered by the context gathered in Step 1 or by the user's initial message.

SKILL.md on GitHub