Create brand guidelines for your product

Name: Create brand guidelines for your product
Author: @slashclone

@slashclone/brand-book

Create brand guidelines for your product: one shareable HTML brand book covering logo, colors, type, icons, share images, and voice. It follows your real design tokens in light and dark themes, and a checker confirms contrast in both themes, icon and image sizes, and banned copy such as em dashes. Writes only to brand/ and public/brand/.

SkillContentv0.1.0Tested

Use in Claude Save Like Clone Comment

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

Clones

No clones yet.

Make your own version with slashclone clone @slashclone/brand-book. The original author keeps the credit.

0 clones · Made by @slashclone

Use in Claude

Ask Claude, with the connector

Install @slashclone/brand-book from SlashClone

Claude Code, with the plugin

/kit add @slashclone/brand-book

CLI

slashclone add @slashclone/brand-book

Codex

slashclone add @slashclone/brand-book --agent codex

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

Cursor

slashclone add @slashclone/brand-book --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
Tests pass (2 of 2)

This kit reads ./brand/**, ./public/brand/**, ./data/**, writes to ./brand/**, ./public/brand/** and runs node scripts/check-brand.mjs. Install it?

Full scan and review

Similar kits

Write a one-page brand guide
@brandkit
Write a one-page brand style guide through a short interview, starting from the colors and fonts your site already uses. It covers colors, type, logo rules, voice, and spacing, checks text contrast, and adds a machine-readable tokens block that the other Brand Kit tools read.
Check if your work is on brand
@brandkit
Check a page, email, deck outline, stylesheet, or post against your brand guide before it ships, and get a short fix list. It flags 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.
Make anything match your brand
@brandkit
Make a page, email, deck outline, or social post match your brand's colors, fonts, logo, and voice with one /brand command. It finds your brand guide (or helps you write one), fixes colors, fonts, spacing, logo use, and voice, keeps every fact and price as written, and lists each change it made.
Export your brand colors as a palette file
@slashclone
Export your brand colors as a palette people can download and open anywhere, from your real design tokens. You get an SVG swatch sheet, JSON, CSS variables, and a GIMP palette that Krita and Inkscape also open, handy for briefing designers or image models with exact hex values. Reads one colors file and writes only to an out folder.

Link

https://slashclone.dev/@slashclone/brand-book

README badge

[![Install with SlashClone](https://slashclone.dev/badge/slashclone/brand-book.svg)](https://slashclone.dev/@slashclone/brand-book?ref=slashclone)

Embed

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

Share card image

More from @slashclone

A session log that parallel agents never conflict on
Keep a project log that several Claude Code sessions can write at once without merge conflicts. Each session writes its own dated file, an index is generated instead of hand edited, and a small CI check makes sure every entry carries the line your team requires. Writes the files for you to review; never commits or pushes.
Parallel sessions
Build faster with several Claude Code sessions at once. Splits a big plan into independent workstreams, writes a brief for each, runs each in its own git worktree and branch, and merges every pull request on green CI in a safe order. Works in the Claude Code desktop app and in the terminal.
Embed YouTube videos without tracking cookies
Embed YouTube videos on your site without loading anything from Google until the visitor presses Play or allows videos. A click-to-play placeholder with a local poster swaps in the youtube-nocookie.com player, with a keyboard-friendly button, no layout shift, CSP entries, and a Playwright test that proves no YouTube request happens first. React and HTML templates. Not legal advice.
Decide what to measure and build a metrics dashboard
Figure out what to measure in your web app and build a staff-only metrics dashboard for activation, retention, and funnels. You pick a few numbers per stage, write how each is counted, and compute most from tables you already have, so user data stays on your servers. Adds an audit log with no user content and loads any browser analytics only after consent.

See all of @slashclone's kits

Report this kit