skills.rest
Kentox493
Kentox493COMMUNITY
Explore all skills by this author →
GitHub

brand

Manage brand voice, visual identity, and asset compliance through scripts and reference frameworks.

Updated Apr 6, 2026
Search Tags:#style guide#marketing assets#color palette#brand guidelines#design tokens#brand voice#asset validation
One-click install
npx skills add https://github.com/Kentox493/Portfolio --skill brand-kentox493
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand
Source: https://github.com/Kentox493/Portfolio/tree/main/.agents/skills/brand
Command: npx skills add https://github.com/Kentox493/Portfolio --skill brand-kentox493

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Maintaining consistent brand voice, colors, typography, and asset standards across marketing content is difficult when guidelines live in scattered documents and are applied manually. ## Core Features & Use Cases - Brand Context Injection: Extract colors, typography, voice traits, and prohibited terms from brand-guidelines.md into prompt-ready context or JSON. - Design Token Sync: Sync brand guidelines to design-tokens.json and design-tokens.css so UI components always reflect current brand colors. - Asset Validation: Check marketing assets against naming conventions, file size limits, formats, and manifest registration. - Use Case: A marketing team updates their primary color from blue to purple; run the update workflow to rewrite brand-guidelines.md, regenerate design tokens, and verify the new palette propagates to CSS variables. ## Quick Start Ask the AI to update the brand colors to a new theme and sync them to the design tokens, then validate a marketing 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?▼

Run the sync-brand-to-tokens.cjs script with Node.js after editing docs/brand-guidelines.md. It extracts primary, secondary, and accent colors from the markdown, updates design-tokens.json, and regenerates design-tokens.css with CSS variables.

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

Run validate-asset.cjs with the asset path to check filename convention, file format, size limits, and manifest registration. It reports issues, warnings, and a suggested corrected filename when validation fails.

What file naming convention does brand asset validation require?▼

Assets must follow the pattern type_campaign_description_YYYYMMDD_variant.extension, such as banner_claude-launch_hero-image_20251209.png. Campaign and description use kebab-case, and the timestamp must be eight digits.

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

Yes, extract-colors.cjs parses the brand palette from guidelines and generates an ImageMagick command to extract dominant colors from an image. It then compares extracted colors against the palette using RGB distance to compute a compliance percentage.

What contrast ratios are required for brand color accessibility?▼

The guidelines follow WCAG 2.1: normal text requires 4.5:1 contrast for AA and 7:1 for AAA, while large text and UI components require 3:1 for AA. The color-palette-management reference includes a luminance formula for checking ratios.

Related Skills

Explore More Marketing & Sales Skills→
oakossoakoss
14

brand-designer

Generate cohesive brand identities with SVG logos, Tailwind color tokens, and typography systems.

Official
Advanced
billiampaladbilliampalad
1

brand

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

Community
Intermediate
Nikolaj-StormNikolaj-Storm

ads-dna

Extract brand identity from a website and generate brand-profile.json.

Community
Intermediate
PytaichukBohdanPytaichukBohdan

figma-generate-design

Assemble Figma screens from design system components, tokens, and styles.

Community
Advanced