skills.rest
LGJ-Jonathan
LGJ-JonathanOFFICIAL
Explore all skills by this author →
GitHub

ckm:brand

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

Updated Mar 26, 2026
Search Tags:#style guide#color palette#brand guidelines#design tokens#brand voice#css variables#asset validation
One-click install
npx skills add https://github.com/LGJ-Jonathan/Jonathan_Global_Claude_Skills --skill ckm-brand-lgj-jonathan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:brand
Source: https://github.com/LGJ-Jonathan/Jonathan_Global_Claude_Skills/tree/main/ui-ux-pro-max/.claude/skills/brand
Command: npx skills add https://github.com/LGJ-Jonathan/Jonathan_Global_Claude_Skills --skill ckm-brand-lgj-jonathan

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Keeping brand voice, colors, typography, and marketing assets consistent across channels is difficult when guidelines live in scattered documents and assets go unvalidated. This Skill centralizes brand guidelines as a single source of truth and automates context injection, asset validation, and design-token synchronization. ## Core Features & Use Cases - Brand Context Injection: Extract colors, typography, voice traits, and image-generation style from brand-guidelines.md into a prompt-ready context block or JSON. - Asset Validation: Check marketing assets against naming conventions, file size limits, formats, and manifest registration. - Design Token Sync: Propagate brand colors from guidelines into design-tokens.json and generated CSS variables. - Use Case: After updating your brand's primary color in docs/brand-guidelines.md, run the sync script to regenerate design tokens and CSS, then validate a new campaign banner against the naming and palette rules before approval. ## Quick Start Ask the AI to inject your brand context from docs/brand-guidelines.md and validate a new marketing asset against your brand guidelines.

Frequently Asked Questions about ckm:brand

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

FAQPage Schema
How do I inject brand guidelines into AI prompts?▼

Run node scripts/inject-brand-context.cjs to parse docs/brand-guidelines.md and output a formatted brand context block covering colors, typography, voice traits, and prohibited terms. Add the --json flag to get structured JSON output instead.

How do I validate marketing assets against brand guidelines?▼

Run node scripts/validate-asset.cjs with the asset path to check filename convention, file format, size limits, and manifest registration. It reports issues, warnings, and a suggested corrected filename when validation fails.

How do I sync brand colors to design tokens and CSS?▼

Edit docs/brand-guidelines.md with new colors, then run node scripts/sync-brand-to-tokens.cjs. It updates assets/design-tokens.json with color scales and regenerates assets/design-tokens.css via the design-system token generator.

Does the color extraction script analyze images directly?▼

No, extract-colors.cjs parses brand palettes from markdown and generates an ImageMagick histogram command for image color extraction. You run the magick command separately, then compare extracted colors against the brand palette for compliance scoring.

What file naming convention does asset validation enforce?▼

Assets must follow the pattern {type}_{campaign}_{description}_{YYYYMMDD}_{variant}.{ext} in lowercase kebab-case, for example banner_claude-launch_hero-image_20251209.png. Valid types include banner, logo, design, video, infographic, icon, and photo.

What are the limitations of the brand compliance check?▼

Color compliance uses Euclidean distance in RGB space with a threshold of 50, which is approximate and not perceptually uniform. Image color extraction itself depends on external tools like ImageMagick rather than built-in image processing.

Related Skills

Explore More Marketing & Sales Skills→
oakossoakoss
14

brand-designer

Generate cohesive brand identities with SVG logos, Tailwind color tokens, and typography systems.

Official
Advanced
shiftreposhiftrepo

popular-web-designs

Generate HTML/CSS from 54 design-system templates with color tokens and typography rules.

Official
Intermediate
fnf-ax-teamfnf-ax-team
1

duvetica-luxury-brunello-cucinelli

Generate a brand-aligned director persona for Duvetica luxury outerwear shoots.

Official
Basic
Dragoon0xDragoon0x
4

sync

Export code-defined design tokens to a Tokens Studio-compatible figma.tokens.json file.

Community
Intermediate