brandby nextlevelbuilder

Brand Skill.

A Claude Code and Codex skill for brand and design-system work: brand voice, visual identity, messaging frameworks, and brand consistency.

Brand & Design Systems

Download OpenDesign View usage guide

nextlevelbuilder/ui-ux-pro-max-skill · .claude/skills/brand/SKILL.mdSKILL.md

--- name: brand description: Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides. --- ## When to Use ## Script Paths ## Quick Start ## Brand Sync Workflow ## Subcommands ## Scripts

Front matter and section headings read from the upstream file on 2026-09-14 · 3,512 characters in full

01 What it does

What the brand Skill Does in Claude Code and Codex

Summary, workflow and outputs, all read from the skill's SKILL.md.

From the SKILL.mdRead 2026-09-14 · not a recorded run

In the Skill's Own Terms

This skill manages brand identity, voice, messaging frameworks, visual identity standards, and asset consistency. It maintains a single source of truth in docs/brand-guidelines.md and syncs it to design-tokens.json and design-tokens.css. The skill provides scripts to inject brand context into prompts, validate asset naming and formats, extract and compare colors against the palette, and audit brand consistency.

It includes reference frameworks for voice, visual identity, messaging, color management, typography, logo usage, and approval workflows. Users can update brand identity and propagate changes across all design systems, or review assets and content for brand compliance.

What it produces

CSS variables file at assets/design-tokens.css

See the example prompt ↗

How It Works

01
Edit the Brand Guidelines Source
Modify docs/brand-guidelines.md, which serves as the single source of truth for all brand definitions.
02
Sync to Design Tokens
Run sync-brand-to-tokens.cjs to propagate changes from the guidelines to assets/design-tokens.json and assets/design-tokens.css.
03
Inject Context into Prompts
Use inject-brand-context.cjs to extract brand context for insertion into agent prompts, optionally as JSON.
04
Validate Assets
Run validate-asset.cjs with an asset path to check naming conventions, size, and format compliance.
05
Extract and Compare Colors
Use extract-colors.cjs to pull colors from images or display the palette, then compare against brand standards.

02 Find your fit

When to Use the brand Skill

Use the brand skill in Claude Code or Codex when the job is brand and design-system work of this kind. Fit and limits below are taken from the skill's own file.

Good Fit

Defining and documenting brand voice for content creation
Developing visual identity standards and style guides
Creating messaging frameworks for consistent communication
Auditing content and assets for brand consistency
Organizing, naming, and approving brand assets

03 Inside the skill

Rules the brand Skill Gives Claude Code and Codex

5 concrete instructions, defaults and limits the SKILL.md sets for the agent — the part of the file that changes the result.

Script Paths Are Relative to the Skill Directory
Script paths in this skill and its references are relative to the directory containing SKILL.md, not to the project root.
Sync Propagates to JSON and CSS Tokens
The sync-brand-to-tokens.cjs script writes to both assets/design-tokens.json and assets/design-tokens.css.
Assets Are Validated for Naming, Size, and Format
The validate-asset.cjs script checks asset naming conventions, file size, and format compliance.
Update Subcommand Syncs to All Design Systems
The update subcommand updates brand identity and synchronizes changes across all design systems.
Subcommands Are Routed from ARGUMENTS
Parse the subcommand from the first word of $ARGUMENTS, load the corresponding references/{subcommand}.md, and execute with the remaining arguments.

04 Put it to work

Install brand in Claude Code or Codex

One npx skills add command, then a first task in your agent and a checklist for the result.

Add brand to Claude Code, Codex or Your Agent

Run in your project; the installer asks which agent to add it to.

Terminal

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

Generic skills CLI form for .claude/skills/brand/SKILL.md; the repository may document its own path.

Give the Skill a First Brand and design-system Work Task

Written in the skill's own terms; replace the bracketed parts with your material.

Starter prompt

Review [marketing-email.html] for brand voice consistency and validate [hero-image.png] against our logo usage rules and color palette. Update docs/brand-guidelines.md with the new tagline and sync the changes to design tokens.

Source: written from the SKILL.md in the skill's own terms.

Check the First Result

What the SKILL.md itself says a correct result looks like:

Compare extracted colors against the brand palette
Review content against the brand consistency checklist
Check assets against the approval checklist before release

In OpenDesign import brand from its SKILL.md link: Plugins → Add → Skill → Import from link, then pick it in the top bar.

Download OpenDesign Read the quickstart

05 Open source, traceable

Source, License and Verification

Where this page's facts come from, and when they were last checked.

Author: nextlevelbuilder
Repository: github.com/nextlevelbuilder/ui-ux-pro-max-skill Branch main
Skill file: .claude/skills/brand/SKILL.md Content checksum recorded at verification; commit 7f69fed
License: MIT From LICENSE.
Repository stars: 127,450 GitHub snapshot taken 2026-09-14 for the whole nextlevelbuilder/ui-ux-pro-max-skill repository, which contains 7 skills in this catalog. Not a rating or usage count for brand.
Verified by OpenDesign: 2026-09-14 Source file, path, license text and star count were checked. Not bundled in OpenDesign main (checked 2026-08-28); a live run has not been recorded on this page.

Inside the SKILL.md

When to UseLists six scenarios: voice definition, visual identity, messaging, consistency review, asset management, color and typography.
Script PathsExplains that script paths are relative to the skill directory, not the project root.
Quick StartCommands to inject brand context, validate assets, and extract or compare colors.
Brand Sync WorkflowThree-step process: edit guidelines, sync to tokens, verify with inject script.
SubcommandsTable with update subcommand that syncs brand identity to all design systems.
ReferencesTen reference files covering voice, visual identity, messaging, consistency, guidelines, assets, color, typography, logo, approval.
ScriptsFour scripts for injecting context, syncing to tokens, validating assets, extracting colors.
TemplatesOne starter template for creating new brand guidelines.
RoutingThree-step routing: parse subcommand from first argument, load reference, execute with remaining arguments.

The Skill's Own Description

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

Front-matter description from SKILL.md. The full file is about 3,512 characters. Read the full file on GitHub.

Brand

Run brand on a Real brand and design-system Work Task.

Download OpenDesign, import brand from its SKILL.md link, paste the prompt above, and read the plan before the result.

Download OpenDesign Browse all skills