ckm:brand

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

Updated Jun 30, 2026
One-click install
npx skills add https://github.com/kaitoartz/dotfiles --skill ckm-brand-kaitoartz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:brand
Source: https://github.com/kaitoartz/dotfiles/tree/main/dot_agents/skills/ckm-brand
Command: npx skills add https://github.com/kaitoartz/dotfiles --skill ckm-brand-kaitoartz

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 enforced manually. ## Core Features & Use Cases - Brand Context Injection: Extract colors, typography, voice traits, and image-generation style from brand-guidelines.md into prompt-ready context via inject-brand-context.cjs. - Design Token Sync: Propagate brand colors from guidelines into design-tokens.json and design-tokens.css using sync-brand-to-tokens.cjs. - Asset Validation & Color Compliance: Check asset naming, format, file size, and palette compliance with validate-asset.cjs and extract-colors.cjs. - Use Case: A marketing team updates brand colors in docs/brand-guidelines.md, runs the sync script to regenerate CSS variables, then validates new campaign banners against the naming convention and palette before approval. ## Quick Start Ask the AI to review your marketing asset against the brand guidelines and validate its naming, colors, and format compliance.

Frequently Asked Questions about ckm:brand

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

FAQPage Schema
How do I keep brand colors consistent across design tokens and CSS?▼

Edit docs/brand-guidelines.md as the source of truth, then run sync-brand-to-tokens.cjs. It extracts primary, secondary, and accent colors from the markdown and regenerates design-tokens.json and design-tokens.css automatically.

How to validate marketing assets against brand guidelines?▼

Run validate-asset.cjs with the asset path to check filename convention, file format, size limits, and manifest registration. For color compliance, use extract-colors.cjs to compare image colors against the brand palette.

Can I inject brand voice into AI content generation prompts?▼

Yes, inject-brand-context.cjs parses brand-guidelines.md and outputs a formatted prompt block with colors, typography, voice traits, prohibited terms, and image style keywords. Use the --json flag for structured output.

What naming convention should marketing assets follow?▼

Assets use the format {type}_{campaign}_{description}_{YYYYMMDD}_{variant}.{ext}, such as banner_claude-launch_hero-image_20251209_16-9.png. The validator script checks this pattern and suggests corrected filenames.

Does the color extraction script analyze images directly?▼

No, extract-colors.cjs parses the brand palette from guidelines and generates an ImageMagick histogram command for the image. You run that command or a multimodal tool to extract colors, then compare against the palette.

What contrast ratios are required for brand accessibility?▼

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