Brand skill

Brand voice, visual identity, messaging frameworks, asset management, brand consistency.

by nextlevelbuilder·MIT license·★ 129,643 Stars on the repo·GitHub ↗

Use now

nextlevelbuilder/main1 file shown

SKILL.md3.8 KB

Browse every file on GitHub↗

SKILL.md

Show the full text109 lines

brand/SKILL.md109 lines · 3.8 KB

PreviewCode

Outline

RawView on GitHub

Brand

Brand identity, voice, messaging, asset management, and consistency frameworks.

When to Use

Brand voice definition and content tone guidance
Visual identity standards and style guide development
Messaging framework creation
Brand consistency review and audit
Asset organization, naming, and approval
Color palette management and typography specs

Script Paths

Script paths in this skill and its references/ are relative to the directory that contains this SKILL.md, not to the project: scripts/<file> is this skill's own scripts/ folder, and ../<skill>/scripts/<file> is a sibling sub-skill installed alongside it. Build the full path from that directory (Claude Code reports it as the skill's base directory when the skill loads) and keep the working directory at the project root — the scripts read and write project files such as docs/brand-guidelines.md, assets/design-tokens.json or src/ relative to it.

Quick Start

Inject brand context into prompts:

node scripts/inject-brand-context.cjs
node scripts/inject-brand-context.cjs --json

Validate an asset:

node scripts/validate-asset.cjs <asset-path>

Extract/compare colors:

node scripts/extract-colors.cjs --palette
node scripts/extract-colors.cjs <image-path>

Brand Sync Workflow

# 1. Edit docs/brand-guidelines.md (or use /brand update)
# 2. Sync to design tokens
node scripts/sync-brand-to-tokens.cjs
# 3. Verify
node scripts/inject-brand-context.cjs --json | head -20

The sync stops when it detects existing token files, :root custom properties or Tailwind v4 @theme variables in common CSS entry points and their local CSS imports, or Tailwind theme colors and presets. Review the reported source before proceeding. If the detected files are the managed assets/design-tokens.* outputs from an earlier sync and replacing them is intentional, re-run with --force.

Files synced:

docs/brand-guidelines.md → Source of truth
assets/design-tokens.json → Token definitions
assets/design-tokens.css → CSS variables

Subcommands

Subcommand	Description	Reference
`update`	Update brand identity and sync to all design systems	`references/update.md`

References

Topic	File
Voice Framework	`references/voice-framework.md`
Visual Identity	`references/visual-identity.md`
Messaging	`references/messaging-framework.md`
Consistency	`references/consistency-checklist.md`
Guidelines Template	`references/brand-guideline-template.md`
Asset Organization	`references/asset-organization.md`
Color Management	`references/color-palette-management.md`
Typography	`references/typography-specifications.md`
Logo Usage	`references/logo-usage-rules.md`
Approval Checklist	`references/approval-checklist.md`

Scripts

Script	Purpose
`scripts/inject-brand-context.cjs`	Extract brand context for prompt injection
`scripts/sync-brand-to-tokens.cjs`	Sync brand-guidelines.md → design-tokens.json/css
`scripts/validate-asset.cjs`	Validate asset naming, size, format
`scripts/extract-colors.cjs`	Extract and compare colors against palette

Templates

Template	Purpose
`templates/brand-guidelines-starter.md`	Complete starter template for new brands

Routing

Parse subcommand from $ARGUMENTS (first word)
Load corresponding references/{subcommand}.md
Execute with remaining arguments

1	---
2	name: brand
3	description: Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
4	argument-hint: "[update\|review\|create] [args]"
5	metadata:
6	author: claudekit
7	version: "1.0.0"
8	---
9
10	# Brand
11
12	Brand identity, voice, messaging, asset management, and consistency frameworks.
13
14	## When to Use
15
16	- Brand voice definition and content tone guidance
17	- Visual identity standards and style guide development
18	- Messaging framework creation
19	- Brand consistency review and audit
20	- Asset organization, naming, and approval
21	- Color palette management and typography specs
22
23	## Script Paths
24
25	Script paths in this skill and its `references/` are relative to the directory that contains this SKILL.md, not to the project: `scripts/<file>` is this skill's own `scripts/` folder, and `../<skill>/scripts/<file>` is a sibling sub-skill installed alongside it. Build the full path from that directory (Claude Code reports it as the skill's base directory when the skill loads) and keep the working directory at the project root — the scripts read and write project files such as `docs/brand-guidelines.md`, `assets/design-tokens.json` or `src/` relative to it.
26
27	## Quick Start
28
29	Inject brand context into prompts:
30	```bash
31	node scripts/inject-brand-context.cjs
32	node scripts/inject-brand-context.cjs --json
33	```
34
35	Validate an asset:
36	```bash
37	node scripts/validate-asset.cjs <asset-path>
38	```
39
40	Extract/compare colors:
41	```bash
42	node scripts/extract-colors.cjs --palette
43	node scripts/extract-colors.cjs <image-path>
44	```
45
46	## Brand Sync Workflow
47
48	```bash
49	# 1. Edit docs/brand-guidelines.md (or use /brand update)
50	# 2. Sync to design tokens
51	node scripts/sync-brand-to-tokens.cjs
52	# 3. Verify
53	node scripts/inject-brand-context.cjs --json \| head -20
54	```
55
56	The sync stops when it detects existing token files, `:root` custom properties
57	or Tailwind v4 `@theme` variables in common CSS entry points and their local
58	CSS imports, or Tailwind theme colors and presets. Review the reported source
59	before proceeding. If the detected files are the managed
60	`assets/design-tokens.*` outputs from an earlier sync and replacing them is
61	intentional, re-run with `--force`.
62
63	Files synced:
64	- `docs/brand-guidelines.md` → Source of truth
65	- `assets/design-tokens.json` → Token definitions
66	- `assets/design-tokens.css` → CSS variables
67
68	## Subcommands
69
70	\| Subcommand \| Description \| Reference \|
71	\|------------\|-------------\|-----------\|
72	\| `update` \| Update brand identity and sync to all design systems \| `references/update.md` \|
73
74	## References
75
76	\| Topic \| File \|
77	\|-------\|------\|
78	\| Voice Framework \| `references/voice-framework.md` \|
79	\| Visual Identity \| `references/visual-identity.md` \|
80	\| Messaging \| `references/messaging-framework.md` \|
81	\| Consistency \| `references/consistency-checklist.md` \|
82	\| Guidelines Template \| `references/brand-guideline-template.md` \|
83	\| Asset Organization \| `references/asset-organization.md` \|
84	\| Color Management \| `references/color-palette-management.md` \|
85	\| Typography \| `references/typography-specifications.md` \|
86	\| Logo Usage \| `references/logo-usage-rules.md` \|
87	\| Approval Checklist \| `references/approval-checklist.md` \|
88
89	## Scripts
90
91	\| Script \| Purpose \|
92	\|--------\|---------\|
93	\| `scripts/inject-brand-context.cjs` \| Extract brand context for prompt injection \|
94	\| `scripts/sync-brand-to-tokens.cjs` \| Sync brand-guidelines.md → design-tokens.json/css \|
95	\| `scripts/validate-asset.cjs` \| Validate asset naming, size, format \|
96	\| `scripts/extract-colors.cjs` \| Extract and compare colors against palette \|
97
98	## Templates
99
100	\| Template \| Purpose \|
101	\|----------\|---------\|
102	\| `templates/brand-guidelines-starter.md` \| Complete starter template for new brands \|
103
104	## Routing
105
106	1. Parse subcommand from `$ARGUMENTS` (first word)
107	2. Load corresponding `references/{subcommand}.md`
108	3. Execute with remaining arguments
109