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.