Skip to content
Brand Identity

Brand IdentitySkill

by Fatih Aydost
Released
MIT
Repository
markdown Design & Creative

Summary

Claude Code skill that designs a brand as one system: logo, typography and palette from a single idea, tested for contrast and legibility, delivered as a guidelines kit.

Features

  • Logo, typography and palette built together from one idea
  • Three to four directions per brief
  • WCAG 2.2 contrast, colour-blindness and glyph-coverage checks
  • Logo renders at 16 and 32 px for review
  • Brand guidelines PDF, SVG/PNG logo files and design tokens (CSS, SCSS, Tailwind, DTCG)
  • Restyles an existing site from its URL

Install This Skill

Add this skill to your favorite AI agent in a few steps.

Any AI agent

This skill is plain instructions — it works with any assistant that accepts custom instructions or system prompts.

  1. Copy the skill content with the button below.
  2. Paste it into your agent's instruction file or system prompt (for example AGENTS.md, .cursorrules, or a custom instructions field).
  3. Ask the agent to apply the skill whenever the task matches.

Skill Content

Markdown Content

Copy this content and use it with your preferred AI agent

# Brand Identity

Install as a Claude Code plugin:

```
/plugin marketplace add fatihaydost/brand-identity-skill
/plugin install brand-identity@brand-identity-skill
```

Or clone the repository and symlink `skills/brand-identity` into `~/.claude/skills/`. Then describe the brand (what it does, who for, competitors, languages) and ask Claude to design the identity. Requires Python 3.10+ and Chrome, Chromium, Edge or Brave; `uv` is recommended.

Usage Instructions

Learn how to use this skill with different AI agents.

Generic Instructions

Copy skills/brand-identity from the repository into ~/.claude/skills/ (or install the plugin in Claude Code) and ask for a brand identity.

Description

Brand Identity is a Claude Code skill for founders, freelancers and product teams who want a coherent brand without bouncing between a logo generator, a font picker and a palette tool. From a short brief it proposes three (sometimes four) identity directions, each built around one mechanism that drives the mark, the typeface and the colours together, so the parts belong to each other.

Every set is measured rather than just described: WCAG 2.2 contrast checks, colour-blindness simulation, glyph coverage for the languages the brand writes in, font licence checks and logo renders at 16 and 32 px. Failed measurements block a set; heuristics show up as warnings.

Once you choose, it produces a brand guidelines kit: an 8-page PDF (13 pages with the full option), logo files in SVG and PNG, design tokens for CSS, SCSS, Tailwind and DTCG JSON, and a font sheet with embed code. Point it at an existing URL and it previews each direction on your own pages. It also works piecemeal, for just a logo, a type system, a palette for an existing logo, or a critique of a current identity. MIT licensed; needs Python 3.10+ and a Chromium-based browser.

Install

Related Skills

Skill: Logo Design

by kaankiziltug

New

Agent skill that walks Claude and other coding agents from discovery brief to production-ready SVG logos, with audit tools and a 1,400+ logo reference library.

Design & Creative

Skill: Oil UI

by oil-oil

New

Interface-design skill that explores several distinct visual directions side by side, then refines the chosen one against real screenshots.

Design & Creative

Skill: Anidoodle

by Alex Greenshpun

New

Agent skill that makes art and animation as code: illustrations, loops, interactive web art and scored films in 31 hand-drawn styles, identical on every render.

Design & Creative

Skill: Replica

by Jake Schincariol

New

Eleven free Claude skills that reverse-engineer an app, rebuild it, test it, and fix what its users complain about, through to branding, launch and deploy.

Development
Browse all skills →