⏳ This skill is pending AI review.

Scores will appear once the review pipeline completes.

version unknown

logo-design

@kaankiziltug⭐ 2.0k stars

Professional logo and brand-mark design, from brief to production files. Guides discovery and the design brief, concept generation, choosing a mark type (wordmark, monogram, letterform, pictorial, abstract, emblem, mascot, combination), building clean geometric SVG logos, optical refinement, colour and typography, testing (16 px, one-colour, reversed, shelf test), client presentation, delivery variants and brand guidelines. Includes a searchable library of 1,400+ real-world SVG logos classified by type, technique, geometry and industry, plus scripts that audit SVGs and generate test sheets, presentation boards and export variants. Use this skill whenever the user wants a logo, logotype, wordmark, monogram, brand mark, symbol, app icon or favicon designed, redesigned, refreshed, critiqued or compared; asks for logo ideas or concepts; needs a design brief, logo guidelines, lockups or an identity system; or mentions branding a new company, product, app or project — even if they don't say the word "logo".

Choose how to use this skill

You do not need every option. Choose the path your AI client supports. The stable page stays the same; versioned files are immutable.

1. Native installer

This listing has no registered native installer command. Use the complete package or source fallback below, depending on what your client supports.

Do not guess an installer command or replace an existing version without reviewing the diff.

2. Complete package recommended

Download the ZIP when available. It includes SKILL.md plus the references, security notes and version metadata.

No complete ProSkills package is published for this listing yet.

3. Prompt-only

Copy the prompt above when the agent can read the stable page or when you want to adopt the workflow without installing a skill.

Need only the instruction file?

Download SKILL.md only if your client requires a single file. The complete ZIP is safer for a full installation because it preserves the references and release context.

No path installs or executes anything by itself. Your agent still needs access to the project files. Before updating, compare the installed version and review the diff.

—/10

// RATINGS

⭐GitHub Stars
⭐⭐⭐⭐⭐ 2.0k on GitHubGitHub ↗

Very popular

🟢ProSkills Score
—
📍

Not yet listed on ClawHub or SkillsMP

// README

Logo Design Skill for Claude & AI Agents

Tests The New 100: #14

Twenty-eight example runs of the logo-design skill

A comprehensive logo-design skill that turns Claude — or any agent that supports Agent Skills, such as Gemini CLI, Codex CLI, Cursor or GitHub Copilot — into a disciplined identity designer, from the first brief to production-ready SVG files and brand guidelines.

  • Principles & process — discovery and briefs, word mapping, choosing the right mark type, concepting, geometric construction, optical corrections (overshoot, bone effect, irradiation…), colour, typography, lockups, testing, presentation, delivery, redesigns and identity systems.
  • A reference library of 1,400+ real-world SVG logos, each visually classified by mark type, technique, geometry, subject, typography, mood and industry — searchable from the command line and browsable in a local gallery. Used to study construction, map category conventions and avoid look-alikes (never to copy).
  • Dependency-free Python tools — audit an SVG against logo principles, build concept overview sheets and test sheets (16 px pixel test, one-colour, reversed, squint, mirror, contexts, competitor shelf test), create client presentation boards with industry-specific mockups, render PNGs, and export a complete favicon / app-icon / web-manifest set.

Contents: How it works · Install · Examples · Tests · Use · What's inside · Library


How it works

flowchart LR
    A[Brief<br/>questions or stated assumptions] --> B[Research<br/>category conventions in the library]
    B --> C[Concepts<br/>8–12 one-liners → build 3 in SVG]
    C --> D[Test & refine<br/>audit · 16 px · one-colour · shelf test]
    D --> E{{Checkpoint<br/>show concepts, recommend, stop}}
    E -- "you pick a direction<br/>and ask for the kit" --> F[Kit<br/>colour · lockups · board · icons · guidelines]
    E -- "you want changes" --> C

The skill always stops at the checkpoint: it shows the concepts as one overview image with a recommendation and offers the full kit. Nothing else is produced until you choose a direction — the kit is most of the work and only makes sense for an approved idea.


Install

Claude Code — plugin marketplace (recommended)

/plugin marketplace add kaankiziltug/logo-design-skill
/plugin install logo-design@logo-design-skill

Claude Code — manual

Copy the skill folder into your personal (all projects) or project skills directory:

git clone https://github.com/kaankiziltug/logo-design-skill.git
cp -r logo-design-skill/skills/logo-design ~/.claude/skills/logo-design          # personal
# or: cp -r logo-design-skill/skills/logo-design .claude/skills/logo-design     # per project

Claude.ai / Claude Desktop

Download logo-design.zip from the Releases page (or run python3 tools/package_skill.py) and upload it under Settings → Capabilities → Skills. If your upload has a size limit, use logo-design-lite.zip (everything except the SVG files themselves).

Gemini CLI, Codex CLI and other agents

The skill uses the open Agent Skills format (a folder with a SKILL.md), so it works in any agent that supports skills — the instructions are plain Markdown and the tools are plain Python. Clone once, then copy the folder into your agent's skills directory:

git clone https://github.com/kaankiziltug/logo-design-skill.git
AgentPersonal (all projects)Per project
Gemini CLI~/.gemini/skills/logo-design (or ~/.agents/skills/).gemini/skills/logo-design
Codex CLI~/.codex/skills/logo-design.codex/skills/logo-design
Cursor, GitHub Copilot, OpenCode, otherssee your agent's skills docsusually a skills/ folder in the project
cp -r logo-design-skill/skills/logo-design ~/.gemini/skills/logo-design     # Gemini CLI
cp -r logo-design-skill/skills/logo-design ~/.codex/skills/logo-design      # Codex CLI

Start a new session and ask for a logo; the agent picks the skill up from its description. The skill works best with a model that can view images, because it renders its own drafts to PNG and checks them before showing you anything. The .claude-plugin/ folder is only used by Claude Code and is ignored elsewhere.


Examples

Covers for all 28 example brands

Twenty-eight fictional briefs, from quiet luxury and neon festivals to B2B SaaS, fintech and health — each run end to end with the skill. For every brand you see exactly what the skill shows at the checkpoint (greyscale concepts with true 64/32/16 px sizes and a recommendation), followed by a colour preview of the chosen direction on mockups picked for that industry. Later batches deliberately push vivid, saturated palettes while still passing the one-colour and 3 : 1 contrast checks. The newest batch takes on three crowded categories: SaaS (no chat bubbles, charts or padlocks), finance (no coins, piggy banks or bank blue) and health (no crosses, pills or heartbeat lines). The latest ten add another ten sectors. In four of them the client picked a different concept at the checkpoint than the one the skill recommended, and the skill refined that choice before colouring it: exactly what the checkpoint is for.

BrandSectorStyleChosen mark
KilnSpecialty coffeeWarm, crafted, modernLetterform + custom wordmark
ZestlyFood deliveryJuicy, cheeky, tomato & limeMascot
Maison OrvelleLuxury fashionHigh-contrast DidoneMonogram
PulsewaveMusic festivalNeon on night, kineticAbstract letterform
TinkertrailKids' STEM educationPlayful, rounded, multi-colourLetterform
RalliSports appDynamic italic, electric coralLetterform
AlderpeakOutdoor gearRugged, slab, earthyPictorial symbol
DriftwellHospitalityAzulejo tile, coastal brightsEmblem + symbol
CalmeraPhysiotherapySoft, organic, calmPictorial symbol
Bramble VetVeterinaryFriendly character, sunnyMascot
VoltraClean energyGeometric, volt orangeAbstract symbol
KeyfortSecurity SaaSStrict grid, electric indigo & mintAbstract symbol

// HOW IT'S BUILT

KEY FILES

skills/logo-design/SKILL.mdREADME.md

// REPO STATS

2.0k stars