mcpField
B
brand

brand

github.com/nextlevelbuilderMarketing & growth142.1k32.0k installsUpdated 2d ago
Repository

About brand

brand is a skill for managing brand identity, voice, messaging, assets, and consistency, aimed at brand and marketing work. Scripts support syncing guidelines to design tokens, validating assets, and extracting or comparing colors.

Key features

  1. 01Define brand voice and messaging
  2. 02Maintain visual identity standards
  3. 03Sync guidelines to design tokens
  4. 04Validate asset naming and specifications
  5. 05Extract and compare brand colors
  6. 06Manage asset organization and approval

Use cases

  1. 01Develop brand guidelines and voice standards
  2. 02Review content and visual consistency
  3. 03Sync brand rules into design tokens
  4. 04Organize and validate brand assets

Install

Copy the command and run it in a terminal.

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

After installing, type/ckm:brandin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/
asset-organization.md
color-palette-management.md
logo-usage-rules.md
consistency-checklist.md
typography-specifications.md
messaging-framework.md
brand-guideline-template.md
approval-checklist.md
update.md
voice-framework.md
visual-identity.md
scripts/
inject-brand-context.cjs
sync-brand-to-tokens.cjs
extract-colors.cjs
validate-asset.cjs
scripts/tests/
test_sync_brand_to_tokens.py
templates/
brand-guidelines-starter.md

Details

From the project README

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

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

SubcommandDescriptionReference
updateUpdate brand identity and sync to all design systemsreferences/update.md

References

TopicFile
Voice Frameworkreferences/voice-framework.md
Visual Identityreferences/visual-identity.md
Messagingreferences/messaging-framework.md
Consistencyreferences/consistency-checklist.md
Guidelines Templatereferences/brand-guideline-template.md
Asset Organizationreferences/asset-organization.md
Color Managementreferences/color-palette-management.md
Typographyreferences/typography-specifications.md
Logo Usagereferences/logo-usage-rules.md
Approval Checklistreferences/approval-checklist.md

Scripts

ScriptPurpose
scripts/inject-brand-context.cjsExtract brand context for prompt injection
scripts/sync-brand-to-tokens.cjsSync brand-guidelines.md → design-tokens.json/css
scripts/validate-asset.cjsValidate asset naming, size, format
scripts/extract-colors.cjsExtract and compare colors against palette

Templates

TemplatePurpose
templates/brand-guidelines-starter.mdComplete starter template for new brands

Routing

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

Comments

Markdown supported