Made by@brandkitBrand guide builder
@brandkit/brand-guide-builder
Build a one-page brand guide (brand.md) through a short interview, pulling the colors and fonts your site already uses. Covers colors, type, logo rules, voice, and spacing, plus a machine-readable tokens block the other brandkit kits use.
SkillContentv1.0.0 (latest)
- Activity
- New: be the first to try it
- Installs
- 0 installs
- Likes
- 0 likes
- Clones
- 0 clones
- 1# Brand guide builder
- 3Get a clear, one-page brand guide in about ten minutes. Claude looks at the colors, fonts, and logos your site already uses, asks you a few short questions, and writes `brand.md`.
- 5**Who it is for:** small teams and solo founders who have "a brand" in their heads and scattered hex codes in their CSS, but nothing written down.
- 7## Example
- 9You say: "Make a brand guide for us."
- 11Claude finds `#1F7A5C` used 41 times in your CSS, `Inter` as your body font, and `public/logo.svg`. It confirms those with you, asks about your voice ("three words for how you want to come across?"), and writes a `brand.md` with:
- 13- Color roles (primary for actions, accent sparingly, ink for text) with contrast checked
- 14- Type, logo rules, voice with words to avoid, and a spacing scale
- 15- A tokens block that `brand-tokens-export`, `social-image-templates`, `on-brand-check`, and `/brand` all read
- 17See `examples/brand.md` for a finished guide.
- 19## What it can access
- 21- Reads your stylesheets, `tailwind.config.*`, and logo folders (`assets/`, `public/`, `brand/`) to find what you already use.
- 22- Writes one file: `brand.md`.
- 23- No scripts, no network.
- 25## Setup
- 27None. Works in Claude Code, Codex, and Cursor.