Brand guide builder

Name: Brand guide builder
Author: @brandkit

@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)

Use in Claude Save Like Clone Comment

Activity: New: be the first to try it
Installs: 0 installs
Likes: 0 likes
Clones: 0 clones

Suggested improvements are proposed file changes. Maintainers review the diff and can merge one into a new version, which goes through the usual scan, review, and signing.

No suggestions yet.

Diffs are visible to the author and the maintainers.

Use in Claude

Claude Code

/kit add @brandkit/brand-guide-builder

CLI

slashclone add @brandkit/brand-guide-builder

Codex

slashclone add @brandkit/brand-guide-builder --agent codex

Not enforced. Codex does not enforce the permissions this kit declares.

Cursor

slashclone add @brandkit/brand-guide-builder --agent cursor

Not enforced. Cursor does not enforce the permissions this kit declares.

claude.ai and the desktop app

Download for Claude

Not enforced. claude.ai and the Claude desktop app do not enforce the permissions this kit declares. How to upload it

As a file

Download .kit

One file with everything in it. slashclone add ./file.kit checks it against this page before installing.

Review before installing

Set up SlashClone in Claude

Health

No keep-alive checks yet

Checks run weekly once someone keeps the kit installed.

Run reports are off

Safety

Scan passed
Not reviewed yet
No tests

This kit reads ./brand.md, ./docs/brand.md, ./**/*.css, ./tailwind.config.*, ./assets/**, ./public/**, ./brand/** and writes to ./brand.md. Install it?

Full scan and review

Similar kits

Brand
@brandkit
The /brand command: make whatever you are working on match your brand. It finds your brand guide (or helps you write one), then fixes colors, fonts, logo use, voice, and spacing in a page, CSS, deck outline, email, or social post, and lists every change it made.
On brand check
@brandkit
Review a page, stylesheet, email, deck outline, or post against your brand guide and get a short fix list: off-palette colors (with the nearest brand color), wrong fonts, sizes and spacing off the scale, banned words, logo misuse, and voice. Reports only; changes nothing.
Brand tokens export
@brandkit
Turn the tokens in your brand.md into code: CSS variables, a Tailwind theme (v3 and v4), and a design-tokens.json for Figma token plugins. One source of truth, regenerated in a second whenever the brand changes.
Social image templates
@brandkit
Generate on-brand social image templates as editable SVGs from your brand.md tokens: an Open Graph image (1200x630), a square post (1080x1080), and a story (1080x1920 with safe zones). Checks text contrast and fits the headline for you.

Link

https://slashclone.dev/@brandkit/brand-guide-builder

README badge

[![Install with SlashClone](https://slashclone.dev/badge/brandkit/brand-guide-builder.svg)](https://slashclone.dev/@brandkit/brand-guide-builder)

Embed

<iframe src="https://slashclone.dev/embed/brandkit/brand-guide-builder" width="480" height="200" title="@brandkit/brand-guide-builder" loading="lazy"></iframe>

Share card image