Skip to content
Design
Skill

/brand

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

From plugin
ui-ux-pro-max
128k7 skills1 agent2 commands3 MCP
Install
$ npx -y skills add nextlevelbuilder/ui-ux-pro-max-skill --skill brand --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/brand

Context preview

The summary Claude sees to decide when to auto-load this skill.

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

SKILL.md

brand.SKILL.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.
argument-hint: "[update|review|create] [args]"
metadata:
  author: claudekit
  version: "1.0.0"

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

**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

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

Read more
Ships withui-ux-pro-max

🇮🇩 Bahasa Indonesia | 🇰🇷 한국어 | 🇻🇳 Tiếng Việt | 🇨🇳 简体中文 | 🇺🇸 English An AI skill that provides design intelligence for building professional UI/UX across multiple platforms and frameworks.

Get the whole plugin
Stats
127,526
Stars
13,615
Forks
Active
Maintenance
Python
Language
MIT
License
4d ago
Last commit
9mo ago
Created
13d ago
Added

Repo: nextlevelbuilder/ui-ux-pro-max-skill

Other skills on ui-ux-pro-max.