brand

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

Updated Aug 25, 2026
One-click install
npx skills add https://github.com/KlyrhonMiko/kly-skills --skill brand-klyrhonmiko
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand
Source: https://github.com/KlyrhonMiko/kly-skills/tree/main/data/skills/ui-ux-pro-max-skill/.claude/skills/brand
Command: npx skills add https://github.com/KlyrhonMiko/kly-skills --skill brand-klyrhonmiko

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 error-prone when guidelines live in scattered documents. This Skill centralizes brand guidelines as a machine-readable source of truth and automates validation and design token synchronization. ## Core Features & Use Cases - Brand Context Injection: Extract colors, typography, voice traits, and prohibited terms from brand-guidelines.md into a formatted prompt addition via inject-brand-context.cjs. - Design Token Sync: Convert brand guideline colors into design-tokens.json and design-tokens.css with generated color scales using sync-brand-to-tokens.cjs. - Asset Validation: Check marketing assets against naming conventions, file size limits, and format rules with validate-asset.cjs, plus color palette compliance via extract-colors.cjs. - Use Case: A marketing team updates their primary brand color, runs the sync script to propagate it into CSS variables, then validates a new campaign banner 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 brand

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

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

Run sync-brand-to-tokens.cjs after editing docs/brand-guidelines.md. The script parses hex colors from the guideline tables, generates full color scales, updates design-tokens.json, and regenerates design-tokens.css with the new CSS variables.

How to validate marketing assets against brand guidelines?▼

Use validate-asset.cjs with the asset path to check filename conventions, file size limits, and format support. For color compliance, extract-colors.cjs compares image colors against the brand palette parsed from your guidelines file.

What file format does the brand guidelines source use?▼

Brand guidelines are written in Markdown at docs/brand-guidelines.md, using structured tables for colors, typography, and voice traits. A starter template is provided in templates/brand-guidelines-starter.md with pre-filled sections.

Does color extraction from images work without external tools?▼

The extract-colors.cjs script parses brand palettes natively but delegates image color extraction to ImageMagick histogram commands or an external multimodal skill. It generates the exact command for you to run against the image file.

What naming convention is enforced for brand assets?▼

Assets must follow the pattern {type}_{campaign}_{description}_{YYYYMMDD}_{variant}.{ext}, all lowercase with kebab-case segments. The validator reports issues and suggests a corrected filename when the pattern is not matched.