BG
Brand Guidelines
🔵 Stable 🕐 updated 2026-07-03
🔷 SkillSpec L3
pm-design
Extract a brand's visual and verbal identity into an applicable guideline kit — tokens, voice rules, and do/don't pairs — then apply it consistently to any artifact. Use when asked to apply brand guidelines to a document/deck/page, to extract a brand kit from existing materials or a website, to keep AI-produced artifacts on-brand, or to write lightweight brand guidelines for a startup. Produces a compact brand kit (visual tokens + voice rules + application examples) and/or an artifact restyled to it. For a creator's personal voice use creator-brand-kit; for building new UI systems use frontend-design.
What to give it
▸ Mode — extract a kit, apply an existing kit, or both
▸ Brand evidence — (extract mode): the website URL/screenshots, existing decks, the logo files — 2-3 real artifacts beat a mission statement
▸ The artifact and its audience — (apply mode): what's being branded and for whom
▸ The formality of truth — is there an official guidelines doc this must defer to, or is this creating the de-facto one?
✅ The bar it holds itself to
Every skill in this library self-verifies — these are this skill's own quality checks, straight from its definition.
✓ Every color carries a hex AND a usage rule — no paint-chip palettes
✓ Voice rules are mechanics with real-copy examples, not adjectives
✓ Extracted values trace to actual artifacts (site CSS, real decks) — nothing from memory of the brand
✓ Applications map tokens wholesale, and include the voice pass
✓ Contrast/legibility survived the branding — checked, not assumed
⚠️ What it refuses to do
Do not extract a brand from its mission statement — mine what they ship, not what they say
Do not guess hex values from memory of a famous brand — screenshot/CSS or it's fiction
Do not spot-fix ("make the title teal") — half-branded reads worse than unbranded; map wholesale
Do not brand at the cost of legibility — a low-contrast on-brand slide fails both jobs
Do not ship a kit without usage rules — a palette and a font list is where inconsistency comes FROM
Install
npx pm-claude-skills add --agent claude # or codex · cursor · gemini · hermes
# or one-line MCP (every skill, any client):
claude mcp add pm-skills -- npx -y pm-claude-skills-mcpStart with
Related skills
🔌 Embed this skill
Drop this on your blog, docs, or site — it renders a "Run this skill" card:
<div data-pm-skill="brand-guidelines"></div>
<script src="https://mohitagw15856.github.io/pm-claude-skills/embed.js" async></script>💬 Discussion