Skip to content
SlashClone
DiscoverUse in ClaudeSubmit a link
Sign in
Made by@brandkit

On brand check

@brandkit/on-brand-check

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.

SkillContentv1.0.0 (latest)Tested
Use in Claude Save Like Clone Comment
Activity
New: be the first to try it
  1. 1# On-brand check
  2. 2
  3. 3Ask "is this on brand?" and get a short, specific fix list. It checks colors, fonts, type and spacing scale, words to avoid, logo use, and voice against your `brand.md`.
  4. 4
  5. 5**Who it is for:** marketers and founders shipping pages and posts without a brand team, and developers reviewing style changes.
  6. 6
  7. 7## Example
  8. 8
  9. 9Input: `examples/landing.css` and `examples/launch-email.md`, checked against `examples/brand.md`.
  10. 10
  11. 11```bash
  12. 12node scripts/check-brand.mjs examples/brand.md examples/landing.css examples/launch-email.md
  13. 13```
  14. 14
  15. 15Output (trimmed):
  16. 16
  17. 17| File | Line | Kind | Found | Suggestion |
  18. 18| --- | --- | --- | --- | --- |
  19. 19| landing.css | 7 | off-brand-font | `Playfair Display` | use a brand font: Fraunces, Georgia, Inter, JetBrains Mono |
  20. 20| landing.css | 11 | near-brand-color | `#1e7b5d` | use color.primary (#1F7A5C); this is almost it |
  21. 21| landing.css | 16 | off-palette-color | `#7C3AED` | nearest brand color is color.muted (#5F6B76) |
  22. 22| launch-email.md | 1 | avoided-word | `revolutionary` | the voice guide avoids this word; say it plainly |
  23. 23
  24. 24Claude then adds the judgment calls (voice, logo, hierarchy) and writes `out/brand-check.md` with Must fix, Should fix, and Nice to have.
  25. 25
  26. 26## What it can access
  27. 27
  28. 28- Reads `brand.md` or `docs/brand.md`, plus the files you ask it to check.
  29. 29- Writes only `out/brand-check.md`, `out/brand-check.json`, and (for pasted text) `out/brand-check-input.md`.
  30. 30- Runs one script, `scripts/check-brand.mjs` (Node, no dependencies). No network.
  31. 31
  32. 32## Setup
  33. 33
  34. 34None. Needs Node 18 or newer. For the mechanical checks, `brand.md` needs a tokens block (see `brand-guide-builder`).
Sign in to comment on a line