skills.rest
danieliudi
danieliudiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

brand

Manages brand voice, visual identity, and asset compliance using markdown guidelines and Node.js validation scripts.

Updated Aug 26, 2026
Search Tags:#markdown#style guide#color palette#brand guidelines#design tokens#brand voice#asset validation
One-click install
npx skills add https://github.com/danieliudi/trackforge-os --skill brand-danieliudi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand
Source: https://github.com/danieliudi/trackforge-os/tree/main/.cursor/skills/brand
Command: npx skills add https://github.com/danieliudi/trackforge-os --skill brand-danieliudi

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Keeping every piece of content on-brand is hard when guidelines live in scattered documents and assets are validated by eye. This Skill centralizes brand voice, colors, typography, and logo rules into a single guidelines file, then enforces them programmatically across design tokens and marketing assets. ## Core Features & Use Cases - Brand Context Injection: Extracts colors, fonts, voice traits, and prohibited terms from brand-guidelines.md into a prompt-ready context block or JSON. - Design Token Sync: Converts brand guideline colors into design-tokens.json and regenerates CSS variables so UI components stay aligned with the brand. - Asset Validation: Checks marketing files against naming conventions, file size limits, format rules, and manifest registration. - Use Case: After updating your brand's primary color in docs/brand-guidelines.md, run the sync script to propagate the new palette into design tokens and CSS, then validate a new campaign banner before publishing. ## Quick Start Ask the AI to inject the current brand context from docs/brand-guidelines.md and review a marketing asset for brand compliance.

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

Run node scripts/validate-asset.cjs with the asset path. It checks the filename against the type_campaign_description_timestamp convention, verifies file size and format limits, and confirms the asset is registered in the manifest.

What file format does the brand guidelines source use?▼

Brand guidelines are written in markdown at docs/brand-guidelines.md, using structured tables for colors, typography, voice traits, and prohibited terms. The scripts parse these sections with regex to extract hex codes, font stacks, and voice attributes.

Can I extract brand colors from an image file?▼

The extract-colors.cjs script loads the brand palette from guidelines and generates an ImageMagick histogram command for the image. Extracted colors are compared against the palette using RGB distance to compute a compliance percentage.

What are the limitations of the asset validation script?▼

Validation covers naming conventions, file size, format, and manifest registration, but it does not inspect image dimensions or visual content directly. Color compliance of images requires running extract-colors.cjs with ImageMagick separately.

Related Skills

Explore More Marketing & Sales Skills→
SelrahcDSelrahcD

design-brand

Translate strategy inputs into a complete brand system with visuals, voice, and guidelines.

Community
Advanced
FunnelEnvyFunnelEnvy
1

landing-page-generator

Generate B2B landing pages from positioning context via a four-phase pipeline.

Official
Advanced
connactaiconnactai

guard-brand

Audit content for brand voice, visual tone, and messaging consistency.

Official
Advanced
bflandevbflandev
1

component-inventory

Derive a reusable UI component library from a screen inventory.

Community
Intermediate