skills.rest
Ramadan-Elgamal
Ramadan-ElgamalCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

brand

Manages brand voice, visual identity, design tokens, and asset validation workflows.

Updated Aug 7, 2026
Search Tags:#marketing#color palette#brand guidelines#design tokens#brand voice#css variables#asset validation
One-click install
npx skills add https://github.com/Ramadan-Elgamal/Autobees --skill brand-ramadan-elgamal
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand
Source: https://github.com/Ramadan-Elgamal/Autobees/tree/main/.agents/skills/brand
Command: npx skills add https://github.com/Ramadan-Elgamal/Autobees --skill brand-ramadan-elgamal

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 content and design systems is error-prone when guidelines live in scattered documents. This Skill centralizes brand guidelines as a single source of truth and syncs 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 with full color scales. - Asset Validation: Check marketing assets against naming conventions, file size limits, formats, 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 variables, then validate a new campaign banner against brand rules before publishing. ## Quick Start Ask the assistant to update the brand colors in docs/brand-guidelines.md and sync them to the design tokens and CSS 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?▼

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, generates full color scales, updates design-tokens.json, and regenerates design-tokens.css.

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

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.

What file format should brand guidelines use?▼

Brand guidelines should be a markdown file at docs/brand-guidelines.md following the provided starter template. It must include color tables with hex values, font stack definitions, voice traits, and prohibited terms so the extraction scripts can parse them.

Can I extract colors from an image to check brand compliance?▼

The extract-colors.cjs script parses the brand palette from guidelines and generates an ImageMagick histogram command for the image. Extracted colors are compared against the palette using RGB distance, with a threshold of 50 considered compliant.

What naming convention do marketing assets need to follow?▼

Assets must follow the pattern type_campaign_description_YYYYMMDD_variant.ext, all lowercase with kebab-case segments. Valid types include banner, logo, design, video, infographic, icon, and photo.

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
auxi-wardrobeauxi-wardrobe
1

ck:ui-styling

Generate accessible, responsive UIs with shadcn/ui and Tailwind CSS.

Official
Advanced
fivebucksventuresfivebucksventures

background-generator

Generate 20 brand background images for Reel video production.

Official
Advanced
dylantarredylantarre
38

style-dictionary

Transform design tokens into CSS, SCSS, Swift, and Android XML outputs.

Community
Intermediate