ckm:brand

Manage brand voice, visual identity, and asset compliance across marketing content.

2|Updated Aug 15, 2025
One-click install
npx skills add https://github.com/Grupo-6-ADS-B/FittNutri --skill ckm-brand-grupo-6-ads-b
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:brand
Source: https://github.com/Grupo-6-ADS-B/FittNutri/tree/main/.claude/skills/brand
Command: npx skills add https://github.com/Grupo-6-ADS-B/FittNutri --skill ckm-brand-grupo-6-ads-b

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Keeping brand voice, colors, typography, and assets consistent across marketing content is difficult when guidelines live in scattered documents and assets go unvalidated. This Skill centralizes brand guidelines as a machine-readable source of truth and automates compliance checks. ## Core Features & Use Cases - Brand Context Injection: Extract colors, typography, voice traits, and prohibited terms from brand-guidelines.md into prompts for consistent AI-generated content. - Design Token Sync: Sync brand guidelines to design-tokens.json and design-tokens.css so UI components always reflect current brand colors. - Asset Validation: Check marketing assets against naming conventions, file size limits, format rules, and color palette compliance. - Use Case: A marketing team updates their primary brand color; run the update workflow to propagate the change through guidelines, design tokens, and CSS, then validate all new campaign banners against the refreshed palette. ## Quick Start Ask the assistant to inject the current 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 keep AI-generated content consistent with my brand voice?

Run the inject-brand-context.cjs script to extract personality traits, prohibited terms, colors, and typography from your brand-guidelines.md file. It outputs a formatted prompt addition or JSON that you include with content generation requests.

How to sync brand colors to CSS design tokens?

Edit docs/brand-guidelines.md with your new colors, then run sync-brand-to-tokens.cjs. It updates design-tokens.json with primitive and semantic color scales and regenerates design-tokens.css with the corresponding CSS variables.

What naming convention should marketing assets follow?

Assets use the format {type}_{campaign}_{description}_{YYYYMMDD}_{variant}.{ext}, all lowercase with kebab-case components. The validate-asset.cjs script checks filenames against this pattern and suggests corrections.

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 analysis. You run the ImageMagick command separately, then compare extracted hex values against the brand palette for compliance scoring.

What contrast ratios are required for brand colors?

The guidelines follow WCAG 2.1: 4.5:1 for normal text and 3:1 for large text at AA level, or 7:1 for AAA. The color-palette-management reference includes a JavaScript luminance function to calculate contrast ratios programmatically.