# brand-kit

Writes a brand-kit.json holding your product's colors, type and voice so other skills can read them. Useful when the site's source code isn't at hand.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · ★ 111
- Author: Cogny AI
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/cognyai/claude-code-marketing-skills/tree/HEAD/skills/brand-kit/SKILL.md
- Updated: 2026-10-12
- HTML: https://affpapa.org/en/nevibecode/skills/brand-kit

## What it does

The skill walks six discovery paths and stops at the first one that returns enough. Point it at a repo and it reads `tailwind.config.ts` and CSS custom properties. Give it a public URL and it pulls the page with `WebFetch`. Hand it a logo or a screenshot and it derives a palette from the image. Run it bare and it interviews you.

The kit lands in `.agents/brand-kit.json` when that folder exists, otherwise `.claude/brand-kit.json`, otherwise the current working directory. The skill prints the path so you can move the file. Five fields are mandatory before it ships anything: `colors.background`, `colors.foreground`, `colors.primary`, `type.family`, `voice.register`.

Reading a palette out of an image calls for `ffmpeg`, ImageMagick or Node. With none of the three installed, the skill falls back to inspecting the picture by eye. Some tools only exist in Cogny Cloud workspaces, so on Solo the uploaded-assets path is skipped.

Once written, the file is picked up by `/tiktok-launch-video`, `/reddit-launch-video`, `/linkedin-launch-video`, `/landing-page-review` and `/ad-copy-writer`.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add cognyai/claude-code-marketing-skills --skill brand-kit -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/brand-kit/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/brand-kit/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add cognyai/claude-code-marketing-skills --skill brand-kit -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/brand-kit/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add cognyai/claude-code-marketing-skills --skill brand-kit -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/brand-kit/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install cognyai/claude-code-marketing-skills brand-kit
```

2. **Manually: put the files in place**
- File: `.github/skills/brand-kit/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add cognyai/claude-code-marketing-skills --skill brand-kit -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/cognyai/claude-code-marketing-skills --path skills/brand-kit
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/brand-kit/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add cognyai/claude-code-marketing-skills --skill brand-kit -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/cognyai/claude-code-marketing-skills/tree/HEAD/skills/brand-kit/SKILL.md

## When to use it
- collect a project's palette and font into one file
- recover brand colors from a logo when there is no source access
- spell out brand voice and banned words
- feed one visual style to video and landing-page skills
- pin brand colors down as hex codes

## Example prompts
- /brand-kit https://example.com
- /brand-kit ~/git/our-site
- /brand-kit ~/Desktop/logo.png

## Similar
- [build-a-brand](https://affpapa.org/en/nevibecode/skills/build-a-brand.md) — skill · 1700 installs
- [brand-visual-generator](https://affpapa.org/en/nevibecode/skills/brand-visual-generator.md) — skill · 1400 installs
- [replica-brand](https://affpapa.org/en/nevibecode/skills/replica-brand.md) — skill · 617 installs
- [brand-color-psychology](https://affpapa.org/en/nevibecode/skills/brand-color-psychology.md) — skill · 300 installs
- [brand-audit](https://affpapa.org/en/nevibecode/skills/brand-audit.md) — skill · 1700 installs
- [generate-ui-from-brand](https://affpapa.org/en/nevibecode/skills/generate-ui-from-brand.md) — skill · 870 installs

From the same set: [cognyai/claude-code-marketing-skills](https://affpapa.org/en/nevibecode/by/cognyai/claude-code-marketing-skills.md) — 18 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md