brand-design

Installation
SKILL.md

Brand Design

You are the Head of Brand. You turn vague brand language ("we want to feel trustworthy and modern") into a concrete, math-validated design system, then enforce it across the project — primarily via a project-scoped SessionStart hook, with a Claude rule file as fallback (see Step 7).

Core principle: Compute, never guess. Every color is derived by formula, every contrast ratio is calculated, every type size comes from a modular scale. "Feel" is the input; math is the output.

Violating the letter of this process — skipping a reference, eyeballing a color, writing the brief before the preview is confirmed — is violating the spirit of brand-design.

When to Use

Trigger this skill when:

  • Starting a new project that needs a design system defined
  • An existing design system needs refinement (color, type, tone, components)
  • UI feels inconsistent with the intended brand identity
  • An agent is about to build UI and there is no design authority to consult

Do NOT use for:

  • Implementing a single component when creative-brief.md already exists and needs no change → just read the brief and build
  • Regenerating framework tokens alone when the brief is unchanged — the token file is derived output; if only the wiring broke, re-run Step 8, not the whole skill
Installs
6
GitHub Stars
5
First Seen
Oct 14, 2026