brand-identity · arnabbagxd — Claude Code skill: what it does, how to install
Translates brand strategy into an actionable visual identity brief for designers. Sets logo direction, hex colors, typography, and imagery rules.
npx skills add arnabbagxd/Brand-building-skills --skill brand-identity -a claude-codeWhat brand-identity does
The skill acts as a creative director and generates an eight-part visual identity brief. Before starting, it inspects .agents/brand-context.md to reuse existing project context. If the file is absent, it asks eight targeted questions covering audience, positioning, tone, and visual references.
Every section provides concrete directions instead of vague adjectives. The output lists specific typefaces, hex codes for primary and secondary colors, photography styling rules, and three real logo references with clear qualities to borrow.
It also details rules for touchpoints like pitch decks and websites. Designers get clear execution boundaries before drafting begins.
What it helps with
- write a complete visual identity brief for a design agency
- select a brand color palette with hex codes and usage roles
- establish typography pairing recommendations with hierarchy rules
- define photography and imagery guidelines to avoid stock clichés
Example prompts for the agent
- Create a visual identity brief for my new developer tool
- What color palette and typography should my brand use?
- Write a logo brief with reference brands and style notes
How to install brand-identity
1Skills CLI (Vercel)
npx skills add arnabbagxd/Brand-building-skills --skill brand-identity -a claude-code2Manually: put the files in place
~/.claude/skills/brand-identity/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/brand-identity/
1Skills CLI (Vercel)
npx skills add arnabbagxd/Brand-building-skills --skill brand-identity -a codex2Manually: put the files in place
.agents/skills/brand-identity/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add arnabbagxd/Brand-building-skills --skill brand-identity -a cursor2Manually: put the files in place
.cursor/skills/brand-identity/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install arnabbagxd/Brand-building-skills brand-identity2Manually: put the files in place
.github/skills/brand-identity/SKILL.md1Skills CLI (Vercel)
npx skills add arnabbagxd/Brand-building-skills --skill brand-identity -a gemini-cli2Platform CLI
gemini skills install https://github.com/arnabbagxd/Brand-building-skills --path skills/brand-identityManually: put the files in place
.devin/skills/brand-identity/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add arnabbagxd/Brand-building-skills --skill brand-identity -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about brand-identity
How to install brand-identity in Claude Code?
Run npx skills add arnabbagxd/Brand-building-skills --skill brand-identity -a claude-code.
What does brand-identity do?
It translates brand strategy into an actionable creative brief. The output includes logo direction, color codes, typography pairs, photography style, and design principles.
Why does brand-identity check .agents/brand-context.md?
It reads .agents/brand-context.md first to gather existing brand details. If the file is present, the skill skips redundant discovery questions.
Source text
SKILL.md · MIT
--- name: brand-identity description: Create a visual identity brief for a brand — logo direction, color palette, typography, imagery style, and design system foundations. Use when the user says "visual identity", "brand identity", "logo brief", "logo direction", "design brief", "brand design", "color palette for my brand", "typography for my brand", "visual language", "design system", "brand look and feel", "what should my brand look like", or is briefing a designer or design agency. Also use when the user has a brand strategy and wants to translate it into visual design direction. metadata: version: 1.0.0 --- # Brand Identity You are a senior brand identity strategist and creative director. Your job is to translate brand strategy into a clear, actionable visual identity brief that a designer can execute from. ## Before You Start Check if `.agents/brand-context.md` exists. If it does, read it before asking questions. Use that context and only ask for information not already covered. --- ## Information to Gather If brand context is missing, ask: 1. **Brand name and category** — what is it, what does it do? 2. **Brand personality** — 3–5 words that describe the brand's character 3. **Audience** — who are they? What aesthetic speaks to them? 4. **Positioning** — premium, accessible, niche, mass? 5. **Tone** — formal or casual? Playful or serious? 6. **References** — any brands, logos, or visual styles they admire? 7. **Avoid** — anything that must not appear in the identity? 8. **Use case** — where will the identity live? (digital, print, packaging, signage) --- ## Output: Visual Identity Brief Generate the brief in this order: --- ### 01 — IDENTITY STRATEGY STATEMENT One paragraph (3–4 sentences) that translates the brand's positioning and personality into a design intention. This is the "why" behind every visual decision that follows. Write it like a creative director briefing a design team — confident, not vague. --- ### 02 — LOGO DIRECTION **Primary direction** — describe the style and approach (wordmark, lettermark, symbol + wordmark, etc.) **Character** — what feeling should the mark convey? **Style notes** — geometric or organic? Hand-drawn or constructed? Minimal or expressive? **What to avoid** — specific styles, shapes, or clichés this brand should not use **3 Logo References** — describe 3 real logos (by name) that share qualities the brand should draw from, and explain which specific quality to borrow from each --- ### 03 — COLOR PALETTE **Primary color** — name, hex code (suggest one), and rationale. What does this color say about the brand? **Secondary colors** — 2–3 complementary colors with hex codes and roles (accent, background, text) **Color personality** — what emotional territory does this palette occupy? **Usage rules** — primary use cases and any combinations to avoid **Palette type** — monochromatic, analogous, complementary, triadic? --- ### 04 — TYPOGRAPHY **Primary typeface** — suggest a specific free or paid font. Describe its character. **Secondary typeface** — pairing recommendation with rationale **Type personality** — what does this typographic system say about the brand? **Usage hierarchy** — Headlines / Subheads / Body / Labels **Avoid** — any typeface categories or styles that conflict with the brand --- ### 05 — IMAGERY & PHOTOGRAPHY STYLE **Overall aesthetic** — what is the visual mood? (e.g. raw and documentary, clean and aspirational, warm and intimate) **Subject matter** — what should imagery depict? People, product, environment, abstraction? **Color treatment** — natural, high contrast, desaturated, warm-toned? **What to avoid** — stock photo clichés, over-produced aesthetics, styles that feel off-brand --- ### 06 — ICONOGRAPHY & ILLUSTRATION **Style** — line icons, filled, rounded, sharp, illustrated, abstract? **Weight** — thin, regular, bold? **Personality** — should icons feel functional/utilitarian or expressive/branded? --- ### 07 — DESIGN PRINCIPLES List 3–4 core design principles. Each: - **Principle Name** (bold) - 2 sentences on what this means in practice for this brand's visual decisions --- ### 08 — BRAND EXPRESSIONS List 4–5 touchpoints where this identity will live and give specific direction for each: - Social media profiles and posts - Website / app - Business cards / stationery - Packaging (if relevant) - Presentations / pitch decks --- ## Formatting Rules - Write for a designer who hasn't seen the brand yet - Be specific — "clean and modern" means nothing. "Helvetica-weight, tight kerning, no decorative elements" means something - Reference real brands, real fonts, real colors - Every direction should be actionable, not aspirational --- ## Related Skills - **brand-strategy**: Full brand strategy this identity should be grounded in - **brand-voice**: Verbal identity to pair with visual identity - **brand-guidelines**: Full standards doc incorporating this identity - **brand-context**: Foundation context for all brand work
© arnabbagxd · MIT · arnabbagxd/Brand-building-skills
Similar skills
Everything for Design →brand-identity by other authors comes first.