ckm:brand

Manage brand voice, visual identity, and asset compliance with scripts and reference frameworks.

Updated Apr 7, 2026
One-click install
npx skills add https://github.com/hontauadrian/sfx-app-empty-test --skill ckm-brand-hontauadrian
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:brand
Source: https://github.com/hontauadrian/sfx-app-empty-test/tree/main/.overstory/claude-profiles/reviewer/skills/brand
Command: npx skills add https://github.com/hontauadrian/sfx-app-empty-test --skill ckm-brand-hontauadrian

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? Maintaining consistent brand voice, colors, typography, and asset standards across marketing content is difficult when guidelines live in scattered documents and are not enforced programmatically. ## Core Features & Use Cases - Brand Context Injection: Extract colors, typography, voice traits, and image-generation prompts from brand-guidelines.md into a formatted prompt or JSON for AI content workflows. - Design Token Sync: Sync brand guidelines to design-tokens.json and design-tokens.css so UI components always reflect the current palette. - Asset Validation: Check marketing assets against naming conventions, file size limits, formats, and manifest registration. - Use Case: A marketing team updates their primary color in docs/brand-guidelines.md, runs the sync script to regenerate design tokens, then validates a new campaign banner for naming and size compliance before approval. ## Quick Start Ask the AI to inject your brand context from docs/brand-guidelines.md and review a marketing asset for brand compliance.

Frequently Asked Questions about ckm:brand

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I sync brand guidelines to design tokens?▼

Edit docs/brand-guidelines.md with your updated colors, then run node scripts/sync-brand-to-tokens.cjs. The script extracts primary, secondary, and accent colors, updates design-tokens.json, and regenerates design-tokens.css with CSS variables.

How do I validate a marketing asset against brand guidelines?▼

Run node scripts/validate-asset.cjs with the asset path. It checks filename convention (type_campaign_description_timestamp), file size limits, supported formats, and whether the asset is registered in .assets/manifest.json.

What file format should brand guidelines use for extraction?▼

Brand guidelines must be a markdown file at docs/brand-guidelines.md with structured sections: Primary/Secondary/Neutral color tables with hex codes, Font Stack definitions, Brand Personality traits, and Prohibited Terms. The extraction scripts parse these specific headings.

Can the color extraction script analyze images directly?▼

The extract-colors.cjs script parses brand palettes from markdown but delegates image color extraction to ImageMagick or an external multimodal tool. It generates the ImageMagick histogram command and compares results against brand colors using RGB distance.

What contrast ratios does the brand compliance check require?▼

The guidelines follow WCAG 2.1 standards: 4.5:1 for normal text and 3:1 for large text at AA level, or 7:1 and 4.5:1 at AAA level. The color-palette-management reference includes a luminance calculation function for verification.