logo-designer

Generate seven consistent SVG logo variants and a brand showcase page from project context.

Updated Aug 5, 2026
One-click install
npx skills add https://github.com/amirbiron/claude-skills --skill logo-designer-amirbiron
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: logo-designer
Source: https://github.com/amirbiron/claude-skills/tree/main/skills/logo-designer
Command: npx skills add https://github.com/amirbiron/claude-skills --skill logo-designer-amirbiron

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating a cohesive logo suite requires design expertise and tedious manual work to keep every variant (mark, wordmark, icon, favicon, monochrome versions) geometrically consistent. This Skill automates brand research, style selection, and SVG generation so a project gets a complete, consistent logo package in one workflow. ## Core Features & Use Cases - Project Context Analysis: Reads README, package.json, pyproject.toml, and brand kit files to detect product identity, project type, audience, and existing color palettes. - Seven SVG Deliverables: Produces logo-mark, logo-full, logo-wordmark, logo-icon, favicon, logo-white, and logo-black in /assets/logo/, all derived from one canonical mark so path geometry stays identical across variants. - Validation & Showcase: A reviewer agent checks viewBox attributes, raster-free vectors, and cross-file path consistency, then generates a self-contained brand-showcase.html with palette, typography, and Tailwind config. - Use Case: A developer launching a CLI tool runs the skill in the repo; it detects the tool's name and type, proposes a dark/neon-green style, and outputs all seven SVGs plus a brand identity page ready to commit. ## Quick Start Ask the AI to design a logo for the current project using the logo-designer skill and confirm the wordmark casing when prompted.

Frequently Asked Questions about logo-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a logo for my project with AI?

Run the logo-designer skill inside your project directory. It reads your README and package metadata to detect the product name and type, proposes a style, and generates seven SVG logo files plus a brand showcase page in /assets/logo/.

What logo file formats and variants does it produce?

It produces seven SVG files: logo-mark, logo-full, logo-wordmark, logo-icon, favicon, logo-white, and logo-black, plus a self-contained brand-showcase.html. All variants derive from one canonical mark so the geometry stays identical.

Can it use my existing brand colors instead of defaults?

Yes. If a brand kit, Tailwind config, or CSS variables with colors are detected, those colors are used instead of the default dark base with neon green accent palette. The skill asks for confirmation before proceeding.

Why do my logo variants look inconsistent across files?

Inconsistency happens when each SVG is generated independently. This skill prevents it by creating logo-mark.svg first and reusing its exact path d strings in every derived variant, then a reviewer agent verifies the paths match.

When should I not use this logo generation skill?

Do not use it for raster-only logos, illustrations, or full brand guideline documents. It is designed for vector SVG marks, wordmarks, icons, and favicons derived from project context.