brand

Manage brand voice, visual identity, and asset compliance with design token synchronization.

Updated Sep 1, 2026
One-click install
npx skills add https://github.com/umairshahid622/perfumora --skill brand-umairshahid622
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand
Source: https://github.com/umairshahid622/perfumora/tree/main/perfumora/.claude/skills/brand
Command: npx skills add https://github.com/umairshahid622/perfumora --skill brand-umairshahid622

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 channels is difficult when guidelines live in scattered documents and design tokens drift out of sync. This Skill centralizes brand guidelines as a single source of truth and automates syncing them into design tokens and CSS variables. ## Core Features & Use Cases - Brand Context Injection: Extract colors, typography, voice traits, and prohibited terms from brand-guidelines.md into a prompt-ready context block or JSON. - Design Token Sync: Convert brand guideline colors into design-tokens.json and regenerate design-tokens.css automatically. - Asset Validation: Check marketing assets against naming conventions, file size limits, formats, and manifest registration. - Color Compliance: Extract dominant colors from images and measure compliance against the brand palette. - Use Case: A marketing team updates their primary color from blue to purple; run the update workflow to edit brand-guidelines.md, sync tokens, regenerate CSS, and validate that new campaign banners follow the naming and palette rules. ## Quick Start Ask the AI to update the brand colors to a new theme and sync them to the design tokens, then validate a banner asset against the brand guidelines.

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

Edit docs/brand-guidelines.md with your new colors, then run node scripts/sync-brand-to-tokens.cjs. The script extracts hex values from the markdown tables, updates design-tokens.json with color scales, 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_timestamp), file size limits, supported formats, and whether the asset is registered in .assets/manifest.json.

How do I extract brand colors from an image for compliance checking?▼

Use extract-colors.cjs with an image path to get an ImageMagick histogram command that lists dominant colors. The script compares extracted colors against your brand palette using RGB distance and reports a compliance percentage.

What file format does the brand guidelines source of truth use?▼

Brand guidelines live in docs/brand-guidelines.md as structured markdown with tables for colors, typography, voice traits, and prohibited terms. A starter template is provided in templates/brand-guidelines-starter.md.

Does the color extraction script work without ImageMagick?▼

The script itself parses brand palettes and computes color distances in pure Node.js, but extracting colors from actual image files requires ImageMagick or an external multimodal tool. Without them, only palette display and comparison functions work.