brand Skill (nextlevelbuilder) for Claude Code: Brand Guides

Makes Claude write and enforce brand guidelines (voice, colours, type, logo rules) and sync them into design tokens.

Installs: 43.5K; on skills.sh
Stars: 143.8K; on GitHub
Files: 17; besides SKILL.md
Updated: Nov 2026; last repo commit

brand makes Claude work from a brand guidelines file. It covers voice, visual identity, messaging, asset naming and approval, colour palettes, typography and logo usage, with a starter template for new brands. The update subcommand changes your colours and style in docs/brand-guidelines.md and syncs them to assets/design-tokens.json and assets/design-tokens.css.

It runs four Node scripts in your project to inject brand context, validate an asset, extract colours and sync tokens. The sync step calls the token generator from the design-system skill, so install design-system too.

Good for

Founders and marketers who need a written brand guide Claude can follow
Designers who want brand colours and type kept consistent in code
Developers who want brand colours synced into CSS variables

Install brand

Claude Code

Copy this prompt.

Install the brand skill in Claude Code. Run this command:

npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill brand --skill design-system

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

brand needs design-system for the token CSS step. Pick one route, not both. The plugin points at the repo's .claude/skills folder, which holds 7 skills, and its manifest lists no hooks or MCP servers. The README says plugin installs fail with a symlink error on versions before v2.5.1.

From the vendor's docs. Source.

What's in the skill

When it loads

Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.

Sections in SKILL.md

When to Use
Script Paths
Quick Start
Brand Sync Workflow
Subcommands
References
Scripts
Templates
Routing

Key facts

Author: claudekit, per the SKILL.md metadata. Published in the nextlevelbuilder repo
Repo: nextlevelbuilder/ui-ux-pro-max-skill
Installs on skills.sh: 43,492 (Nov 2, 2026)
GitHub stars: 143,821 (Nov 2, 2026)
Last commit: Nov 1, 2026
Skill version: 1.0.0
Files: 18 files including SKILL.md: 11 reference files, 4 scripts plus 1 test file, 1 template
Scripts: inject-brand-context.cjs, validate-asset.cjs, extract-colors.cjs, sync-brand-to-tokens.cjs (Node)
Needs: The design-system skill, whose generate-tokens script the sync step runs
skills.sh checks: Gen Agent Trust Hub pass, Socket pass, Snyk pass

What it includes

Changes brand colours and style, then syncs them to the token files
Claude asks for a theme name, primary, secondary and accent colours with hex codes, and mood keywords. It edits docs/brand-guidelines.md, then runs the sync script.
Runs code · /brand update
Writes assets/design-tokens.json and design-tokens.css from the guidelines file
It stops if it finds existing token files, :root custom properties, Tailwind v4 @theme variables or Tailwind theme colours. Use --force only to replace output from an earlier sync.
Runs code · sync-brand-to-tokens.cjs
Extracts brand context to put into prompts (--json for JSON)
Run from your project root. It is listed as the way to inject brand context into prompts.
Runs code · inject-brand-context.cjs
Checks an asset's naming, size and format
Run with the path of the asset to check.
Runs code · validate-asset.cjs
Extracts colours from an image or compares them to the palette
Use --palette to compare, or pass an image path.
Runs code · extract-colors.cjs
Voice, identity, messaging, consistency, asset, colour, type, logo and approval guides
Ten reference guides plus the update guide. Claude loads the ones that match the task.
Read · Guides
A complete starter template for new brands
Use it to begin a guidelines file for a brand that has none.
brand-guidelines-starter.md

From the official docs

Permissions

Low risk

Claude runs Node scripts that write brand and token files in your project. Commit first so you can undo a sync, and use --force only when you mean to replace earlier output.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

The sync can replace token files
It stops when it finds existing token sources, and --force replaces earlier managed output. Commit first and read the reported source before forcing. github.com
The sync runs another skill's script
sync-brand-to-tokens.cjs runs generate-tokens.cjs from the design-system skill with node. Install design-system only from the source you trust. github.com

Security advisories

No published security advisories as of Nov 2, 2026.

Technical details

Turning on read-only	inject-brand-context.cjs, validate-asset.cjs and extract-colors.cjs are listed as inspection tools, but the update flow and the sync script write files.
Scopes	Runs 4 Node scripts from the skill folder with your project as the working directory Writes docs/brand-guidelines.md, assets/design-tokens.json and assets/design-tokens.css

Questions

How do I install the brand skill?

Use the install box above. It installs brand together with design-system, because the token sync calls a script from design-system. If design-system is missing, the sync script prints a warning that it did not regenerate the CSS file.

How do I use it?

Ask for brand work in plain words, or type /brand update to change colours and sync them. SKILL.md routes on the first word you pass: update is the only subcommand it defines.

Does it need an API key?

SKILL.md names no key, and none of the four scripts reads an API key from the environment. They are Node scripts that work on files in your project.

Does it work in the Claude app or Claude.ai?

The author does not document it. The README says the full repository ZIP exceeds the 200-file upload limit of Claude.ai and that the project does not publish a separate upload ZIP. The skill's scripts also need a place where Claude can run Node.

Is it safe to use?

It runs local Node scripts that write files in your project, mainly docs/brand-guidelines.md and assets/design-tokens.json and .css. The sync step can replace output from an earlier sync when you pass --force, so commit your work first and read what Claude proposes before approving it.

brand vs the design skill?

brand covers guidelines and consistency. The design skill from the same repo routes brand work to this skill and adds logo, corporate identity, slide, banner, icon and social image workflows. Use brand alone when you only need the guidelines and tokens.

Information

updated Nov 2, 2026

Repository: nextlevelbuilder/ui-ux-pro-max-skill
Folder: cli/assets/skills/brand

nextlevelbuilder/ui-ux-pro-max-skill skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 11

ui-ux-pro-max-skill README · github.com
plugin.json · github.com
commands.md · github.com
ui-ux-pro-max-skill · github.com
brand SKILL.md · github.com
update.md · github.com
sync-brand-to-tokens.cjs · github.com
SKILL.md · github.com
extract-colors.cjs · github.com
inject-brand-context.cjs · github.com
validate-asset.cjs · github.com