ckm:brand

Sync brand guidelines to design tokens and validate assets.

Updated Apr 6, 2026
One-click install
npx skills add https://github.com/luicabref97/sushi-jungle-web --skill ckm-brand-luicabref97
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:brand
Source: https://github.com/luicabref97/sushi-jungle-web/tree/main/.agents/skills/ckm-brand
Command: npx skills add https://github.com/luicabref97/sushi-jungle-web --skill ckm-brand-luicabref97

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill centralizes brand identity, voice, messaging, and asset governance so teams can produce on-brand content without manual cross-checking or inconsistent assets.

Core Features & Use Cases

  • Brand context injection: Extracts key colors, typography, and voice traits from brand-guidelines for prompt injection and automated content generation.
  • Design token synchronization: Syncs docs/brand-guidelines.md into design-tokens.json and generates CSS variables to keep design systems aligned.
  • Asset validation & color checks: Validates asset naming, size, and format and extracts dominant image colors to compare against the brand palette.
  • Use Case: A marketing team updates docs/brand-guidelines.md and runs a single workflow to update tokens, regenerate CSS, validate campaign images, and produce a prompt-ready brand summary for content creators.

Quick Start

Run the brand sync to update design tokens, inject brand context into prompts, and validate a sample asset against the guidelines.

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.md to design tokens?▼

Sync brand-guidelines.md to design tokens by running the sync-brand-to-tokens script, which parses your markdown guidelines and outputs a design-tokens.json file alongside generated CSS variables.

What is brand context injection for prompt generation?▼

Brand context injection extracts key colors, typography, and voice traits from brand-guidelines.md to prepare a prompt-ready brand summary, ensuring automated content generation adheres to your visual identity and brand voice.

How do I validate asset naming and specifications against a brand style guide?▼

Validate asset naming, size, and format against your brand style guide by running the validate-asset script, which checks your image files and specifications directly against the rules defined in your brand-guidelines.md.

Can I extract dominant image colors and compare them to my brand palette?▼

Yes, you can extract dominant image colors and compare them against your brand palette using the extract-colors script, which identifies the primary hues in an image and checks them for visual consistency.

Do I need a specific design system setup to enforce brand voice and visual identity?▼

No specific design system setup is strictly required, but you must maintain a brand-guidelines.md file to serve as the source for token synchronization, asset validation, and brand context injection.

What is the best way to update design tokens when brand guidelines change?▼

The best way to update design tokens when brand guidelines change is to run a single brand sync workflow that reads the updated brand-guidelines.md and regenerates the design-tokens.json and CSS variables automatically.