skills.rest
MohamadJoumaa
MohamadJoumaaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

brand

Manage brand voice, visual identity, and asset compliance with validation scripts and design token sync.

Updated Aug 26, 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/MohamadJoumaa/Direct --skill brand-mohamadjoumaa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand
Source: https://github.com/MohamadJoumaa/Direct/tree/main/.cursor/skills/brand
Command: npx skills add https://github.com/MohamadJoumaa/Direct --skill brand-mohamadjoumaa

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 teams and channels is difficult when guidelines live in scattered documents and assets go unvalidated. This Skill centralizes brand guidelines as a machine-readable source of truth and automates compliance checks. ## 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 generated CSS variables so UI code stays aligned with the brand. - Asset Validation: Check marketing asset filenames, formats, file sizes, and manifest registration against naming conventions and brand rules. - 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 assistant to review a marketing asset for brand compliance using the brand skill, or to update the brand colors and sync them to the design tokens.

Frequently Asked Questions about brand

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

FAQPage Schema
How do I keep brand colors consistent between guidelines and CSS?▼

Edit docs/brand-guidelines.md as the source of truth, then run sync-brand-to-tokens.cjs. It parses the color tables, updates design-tokens.json with generated color scales, and regenerates design-tokens.css with the corresponding CSS variables.

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

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

How do I inject brand voice and colors into AI prompts?▼

Run inject-brand-context.cjs to parse brand-guidelines.md and output a formatted brand context block covering colors, typography, voice traits, and prohibited terms. Use the --json flag to get structured data instead of prompt text.

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

Yes, extract-colors.cjs loads the brand palette from your guidelines and generates an ImageMagick histogram command to pull dominant colors from an image. It then computes compliance by measuring RGB distance between extracted and brand colors.

What file naming convention does the asset validator enforce?▼

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, and the validator suggests a corrected filename when checks fail.

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
devMoezdevMoez
1

popular-web-designs

Generate HTML and CSS from real-world design system templates.

Community
Basic
Ohh-889Ohh-889
792

brand

Manage brand voice, visual identity, and asset compliance with validation scripts and design token sync.

Community
Intermediate
partme-aipartme-ai
610

figma

Guide Figma design creation, components, prototyping, collaboration, and design systems.

Official
Basic