An agent skill that guides Claude, Gemini CLI, Codex and other AI agents through logo design, with a 1,400+ SVG logo reference library and audit tools.
fatihaydost/brand-identity-skill
A Claude Code skill that designs a logo, typography and colour palette together as one brand identity, then exports a guidelines kit.
- Stars
- 330
- Forks
- 26
- Open issues
- 0
- Last commit
- 3 days ago
What is it?
brand-identity is a Claude Code skill for designing a complete brand identity from a single brief. The logo, type choice and colour palette are built from one shared idea rather than picked separately, and the agent produces three or four alternative identity sets that are shown side by side for the user to choose from.
The skill measures its output before presenting it. It checks colour contrast against WCAG 2.2, simulates colour blindness, verifies glyph coverage for the languages the brand uses, checks font licences, and renders logos at 16 and 32 px. Failed checks block a set until it is fixed, while heuristic findings are marked as warnings.
Once a set is chosen, the skill generates a brand guidelines kit: an 8-page PDF, SVG and PNG logo variants, design tokens in CSS, SCSS, Tailwind and DTCG JSON, and a font sheet with embed code. It can also read an existing website's logo, type and colours and preview each set on those pages.
Key features
- 01Builds logo, typography and palette together from one brief.
- 02Checks contrast against WCAG 2.2 and simulates colour blindness.
- 03Verifies glyph coverage and font licences for the brand's languages.
- 04Exports a brand guidelines PDF with logo files, colour and type specs.
- 05Generates design tokens in CSS, SCSS, Tailwind and DTCG JSON.
- 06Can restyle a given website URL to preview each identity set.
Use cases
- Creating a logo, fonts and colour palette for a new business or product.
- Refreshing the type and palette of an existing website while keeping its logo.
- Producing a brand guidelines kit for a small team without a designer.
- Getting a critique of an identity you already have.
Quick start
- 1
Add the marketplace in Claude Code
/plugin marketplace add fatihaydost/brand-identity-skill - 2
Install the brand-identity plugin
/plugin install brand-identity@brand-identity-skill - 3
Check that requirements are present (from a clone of the repo)
python3 skills/brand-identity/scripts/brand.py check - 4
Ask Claude Code in plain words for a logo, fonts and colours for your brand
Things to know
- Requires Python 3.10+ and a Chromium-based browser such as Chrome, Chromium, Edge or Brave.
- Runs only in Claude Code; in claude.ai chat, font measurement and rendering fail.
- Does not search trademark registers, so logos need separate trademark clearance before use.
- Font measurement and rendering need network access to Google Fonts and PyPI.
In collections
Topics
FAQ
- What is brand-identity-skill?
- A Claude Code skill that designs a logo, typography and colour palette together as one brand identity, then exports a guidelines kit. brand-identity is a Claude Code skill for designing a complete brand identity from a single brief. The logo, type choice and colour palette are built from one shared idea rather than picked separately, and the agent produces three or four alternative identity sets that are shown side by side for the user to choose from.
- Is brand-identity-skill free to use? What license does it have?
- brand-identity-skill is open source under the MIT license. Check the license terms before using it in commercial products.
- Is brand-identity-skill still maintained?
- Actively maintained. The last commit to brand-identity-skill was on Nov 4, 2026.
- What can I use brand-identity-skill for?
- Creating a logo, fonts and colour palette for a new business or product. Refreshing the type and palette of an existing website while keeping its logo. Producing a brand guidelines kit for a small team without a designer. Getting a critique of an identity you already have.
- How do I install brand-identity-skill?
- Add the marketplace in Claude Code: /plugin marketplace add fatihaydost/brand-identity-skill Install the brand-identity plugin: /plugin install brand-identity@brand-identity-skill Check that requirements are present (from a clone of the repo): python3 skills/brand-identity/scripts/brand.py check Ask Claude Code in plain words for a logo, fonts and colours for your brand
- Where can I get brand-identity-skill?
- The source code and installation instructions are on GitHub: https://github.com/fatihaydost/brand-identity-skill
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
An agent skill that extracts visual design identity from reference UIs into structured Design DNA JSON, then generates matching UI from it.
A Claude Code skill that generates SVG logo variants from product traits and renders them into showcase images using Gemini image models.
A pure instruction and knowledge kit that turns Claude and other coding agents into a UX/UI design expert, with DTCG tokens, component specs, 138 design systems and 52 objective gates.
An MCP server and shadcn/ui registry that gives coding agents design systems, UI/UX guidance, icons and accessibility review rules.
Claude Code skills that move designs from Figma into a codebase and code state back into Figma, plus a style-system governance skill.