mcpField
C
ckm-brand

ckm-brand

github.com/nextlevelbuilderMarketing & growth142.5k358 installsUpdated 4d ago
Repository

About ckm-brand

ckm-brand is a brand-management skill for teams defining identity, voice, messaging, and asset standards. It includes scripts for injecting brand context into prompts, validating assets, and syncing guidelines to design tokens.

Key features

  1. 01Inject brand context into prompts
  2. 02Sync guidelines to design tokens
  3. 03Validate asset names, size, and format
  4. 04Extract and compare colors
  5. 05Reference voice, visual, and messaging frameworks

Use cases

  1. 01Set a consistent tone for content
  2. 02Create and maintain visual identity standards
  3. 03Audit brand consistency
  4. 04Organize and approve 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/
approval-checklist.md
asset-organization.md
brand-guideline-template.md
color-palette-management.md
consistency-checklist.md
logo-usage-rules.md
messaging-framework.md
typography-specifications.md
update.md
visual-identity.md
voice-framework.md
scripts/
extract-colors.cjs
inject-brand-context.cjs
sync-brand-to-tokens.cjs
validate-asset.cjs
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