brand

Manage brand voice, visual identity, and design tokens with validation and sync scripts.

82|9|Updated May 12, 2026
One-click install
npx skills add https://github.com/futureboard/futureboard-studio --skill brand-futureboard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand
Source: https://github.com/futureboard/futureboard-studio/tree/main/.cursor/skills/brand
Command: npx skills add https://github.com/futureboard/futureboard-studio --skill brand-futureboard

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Maintaining consistent brand voice, colors, typography, and asset naming across marketing content and design systems is error-prone when done manually. This Skill centralizes brand guidelines as a single source of truth and automates context injection, asset validation, color extraction, and design token synchronization. ## Core Features & Use Cases - Brand Context Injection: Parse brand-guidelines.md to extract colors, typography, voice traits, and prohibited terms into a prompt-ready context block or JSON. - Design Token Sync: Convert brand guideline colors into design-tokens.json color scales and regenerate CSS variables automatically. - Asset Validation: Check marketing assets against naming conventions, file size limits, and format rules, with suggested corrected filenames. - Use Case: After updating docs/brand-guidelines.md with a new primary color, run the sync script to propagate the change into design-tokens.json and design-tokens.css, then validate a new campaign banner before publishing. ## Quick Start Ask the AI to review the current brand guidelines and sync the updated colors into the design token files.

Frequently Asked Questions about brand

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

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

Run node scripts/sync-brand-to-tokens.cjs after editing docs/brand-guidelines.md. The script extracts primary, secondary, and accent hex colors, generates full color scales, updates design-tokens.json, and regenerates design-tokens.css. Use --dry-run to preview changes first.

How do I inject brand context into AI prompts?▼

Run node scripts/inject-brand-context.cjs to parse your brand guidelines and output a formatted prompt block containing colors, typography, voice traits, and prohibited terms. Add the --json flag to get structured JSON output instead of plain text.

What naming convention does the asset validator enforce?▼

Assets must follow the pattern {type}_{campaign}_{description}_{YYYYMMDD}_{variant}.{ext}, such as banner_claude-launch_hero-image_20251209.png. Campaign and description must be kebab-case, and the validator suggests a corrected filename when checks fail.

Can the color extraction script analyze images directly?▼

The extract-colors.cjs script parses brand palettes from markdown but does not process images itself. It generates an ImageMagick histogram command for the target image, then compares extracted hex values against the brand palette using RGB distance.

What file formats and size limits does asset validation support?▼

Supported formats include png, jpg, webp, gif, svg, mp4, mov, webm, pdf, psd, ai, and fig. Images are limited to 5MB, videos to 100MB, and SVGs to 500KB, with warnings issued above recommended thresholds.