Brand Rulebook and On-Brand Artifact Audit
Turn loose brand guidelines into an enforceable token spec with a contrast matrix, then audit any artifact line by line against it.
Before & after
Same prompt, same agent — the only difference is the skill.
I'd be happy to help you design a marketing email template! To make sure it's on-brand, I'll need some information about your brand identity. Could you share your brand colors, the primary fonts you use, and any spacing or sizing conventions? Also, what's your brand voice like—formal, casual, playful? Once I understand these elements, I can create something that feels cohesive with your other marketing materials. Do you have any existing brand examples I could reference?
BRAND ENFORCEMENT ACTIVE Hex Codes Applied: • Primary: 004BAA → all CTAs and headings • Secondary: F57C00 → accent highlights • Background: F5F5F5 → card containers Typography Rules: • Headings: 'Roboto Bold' 28px, letter-spacing -0.5px • Body: 'Open Sans' 14px, line-height 1.6 • CTA text: 'Roboto Medium' 14px, all caps Spacing Grid: 8px base unit • Container padding: 24px (3x grid) • Section margins: 32px (4x grid) • Logo placement: top-left, minimum 40px clearance Voice Markers: Direct, authoritative, zero marketing jargon Output: Template rendered with all rules auto-enforced. No manual review needed.
About this skill
Your brand PDF says "navy, gold, confident but warm," and then someone in sales ships a one-pager with gold text on white, a homemade logo, and "We're SO excited!" in the headline. This skill turns vague guidelines into rules a machine can check, then holds every landing page, deck, email, and doc to them.
What it does
- Converts guidelines, pasted CSS, or a brand PDF into a token spec where every color has a job (primary action, text, surface, accent) instead of a loose palette list
- Computes WCAG contrast for every text and background pairing and publishes an allowed-pairs matrix, so a failing combination like gold on white gets caught before anyone uses it
- Splits rules into MUST (exact hex, logo, legal names), SHOULD (color proportions, spacing rhythm), and taste, so audits rank fixes by how much they matter
- Rewrites voice adjectives as checkable rules: person, sentence length, headline case, banned words, exclamation limits
- Defines a font fallback for each medium (web, email, slides, docs), since brand fonts often don't render outside the web
- Audits pasted HTML, CSS, copy, or slide text and lists each deviation with where it is, what it found, what it expected, and how to fix it
What you get
A brand spec you can paste into project instructions and reuse. When you send an artifact, you get an audit table sorted by severity, plus corrected code or copy.
Best for
In-house designers, brand leads, and small agencies who need marketers, sales teams, and founders to produce on-brand work in Claude without a designer reviewing every piece.
SKILL.md preview
---
name: brand-rulebook-and-audit
description: Turns brand guidelines into an enforceable spec (role-mapped color tokens, a computed WCAG contrast matrix, type and spacing scales, logo constraints, testable voice rules, hard vs soft severity), then generates artifacts from it or audits existing ones line by line with a fix for each deviation. Use when the user says "set up our brand rules", "make this on-brand", "check this landing page against our brand guide", "here's our brand PDF, encode it", "our team keeps using the wrong blue", "why does everything Claude makes look off-brand", "audit this deck for brand consistency", or "my marketing team keeps breaking the style guide".
---
… (sign up to view the full skill)More design skills
View all Design skills →Rhinestone Clipart Studio
Use when the request is for rhinestone, gemstone, crystal, or jeweled-brooch style character clipart — generating a new faceted-gem characte
Design Critique with Prioritized Fix List
Critiques a UI, landing page, or layout against its goal and returns ranked fixes with exact sizes, spacing, and contrast ratios.
Native iOS and Android Screen Design and Review
Screen specs and mockup reviews for iOS and Android apps that use correct navigation, touch targets, type scales, safe areas and states.
Interactive Concept Explainer (Single HTML File)
A one-file HTML explainer with sliders, steps, and a baseline that teaches one concept, with its math stated and checked by hand.