brand

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

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

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 teams and channels is difficult when guidelines live in scattered documents and assets go unvalidated. ## Core Features & Use Cases - Brand Context Injection: Extract colors, typography, voice traits, and image-generation style from brand-guidelines.md into prompts or JSON via inject-brand-context.cjs. - Design Token Sync: Propagate brand colors from guidelines into design-tokens.json and generated CSS variables with sync-brand-to-tokens.cjs. - Asset Validation & Color Compliance: Check asset naming, format, file size, and palette compliance using validate-asset.cjs and extract-colors.cjs. - Use Case: A marketing team updates its primary color in brand-guidelines.md, runs the sync script to regenerate design tokens, then validates a new campaign banner against naming and palette rules before approval. ## Quick Start Ask the assistant to review a marketing asset against the brand guidelines and report any naming, color, or typography violations.

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

Edit docs/brand-guidelines.md with the new colors, then run node scripts/sync-brand-to-tokens.cjs. The script parses hex values from the guideline tables, updates design-tokens.json, and regenerates design-tokens.css with CSS variables.

How do I validate a marketing asset against brand guidelines?▼

Run node scripts/validate-asset.cjs with the asset path. It checks filename convention (type_campaign_description_YYYYMMDD), file format, file size limits, and whether the asset is registered in the manifest.

How do I inject brand context into AI prompts?▼

Run node scripts/inject-brand-context.cjs to output a formatted brand context block, or add --json for structured data. It extracts colors, typography, voice traits, prohibited terms, and image-generation style from brand-guidelines.md.

Does the color extraction script analyze images directly?▼

No, extract-colors.cjs parses the brand palette from guidelines and generates an ImageMagick histogram command for the image. You run that command separately, then compare extracted hex values against the palette with a distance threshold of 50 in RGB space.

What accessibility standards does the brand validation enforce?▼

The references define WCAG 2.1 contrast requirements: 4.5:1 for normal text, 3:1 for large text and UI components at AA level, and 7:1 for AAA. The approval checklist includes contrast verification for all text and interactive elements.