brand-guidelines

Extract and normalize brand elements from source materials into consistent guidelines.

Updated May 15, 2026
One-click install
npx skills add https://github.com/dawsonblock/agent_eval_skills_merged_clean --skill brand-guidelines-dawsonblock
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brand-guidelines
Source: https://github.com/dawsonblock/agent_eval_skills_merged_clean/tree/main/agent-skills-curated/skills/web-and-frontend-development/brand-guidelines
Command: npx skills add https://github.com/dawsonblock/agent_eval_skills_merged_clean --skill brand-guidelines-dawsonblock

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps maintain brand consistency by extracting, normalizing, and applying brand systems across UI, documentation, and assets.

Core Features & Use Cases

  • Brand System Extraction: Gather colors, typography, spacing, and icon/logo usage from source materials.
  • Normalization: Simplify and unify brand elements into a consistent set of rules.
  • Enforcement: Apply and enforce brand guidelines across all digital outputs.
  • Use Case: When users need a brand kit, style guide, design tokens, tone rules, or consistent brand output.

Quick Start

Extract and apply brand guidelines for the 'MyBrand' website using the 'brand-guidelines' skill.

Frequently Asked Questions about brand-guidelines

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

FAQPage Schema
How do I extract brand guidelines from a website and apply them to UI documentation?

To extract brand guidelines, provide a website URL or design file as a source. The system normalizes colors, typography, and spacing into a consistent set of rules, then applies these design tokens across UI and documentation outputs.

What is the best way to maintain brand consistency across digital assets?

Maintaining brand consistency requires normalizing extracted brand elements into a unified style guide. By enforcing these rules across defined target surfaces like UI and documentation, digital outputs remain visually unified and meet accessibility standards.

Can I generate design tokens from existing brand source materials?

Yes, you can generate design tokens from existing source materials. The system gathers colors, typography, and spacing from provided URLs or files, simplifying them into a consistent set of normalized rules for digital application.

Does brand guideline enforcement meet WCAG accessibility standards?

Yes, brand guideline enforcement meets WCAG AA or AAA accessibility standards. When applying normalized brand elements like color contrast and typography across digital platforms, the system ensures outputs comply with required accessibility criteria.

What do I need to start building a style guide from existing documents?

To build a style guide, you need a clear source of brand identity like existing documents or a website URL, and a defined target surface. The system extracts elements from these sources to enforce consistent brand output.

Why are my brand colors inconsistent across different digital platforms?

Brand colors become inconsistent across platforms without normalized design tokens. By extracting and unifying brand elements into a strict set of rules, the system enforces consistent application across all UI and documentation outputs.