Generate a complete, accessible brand design system from a brief — primitive → semantic → component DTCG tokens (color, type, spacing, radius, shadow, motion), light + dark, plus a single theme.css — verified for WCAG. Use when the user wants a from-scratch brand/design foundation, a new palette + type system, or a themeable token kit for a product.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Skill: Brand Kit
Stand up the *foundation* (one token system everything renders from) before any screen. Get this right and every page stays consistent and themeable from one place.
## Steps
1. **Brief Inference (mandatory)** — name the industry, audience, the one mood adjective, and motion depth (`taste/design-taste.md` → Brief Inference). Pick an anchoring archetype from `taste/aesthetic-systems.md`.
2. **Primitives** — generate the brand color ramp in **OKLCH** (11 shades, consistent chroma) + a neutral ramp; verify the 500 shade ≥ 4.5:1 on white (text) and 600 ≥ 3:1 (UI) per `.claude/rules/tokens-and-color.md` → Color Generation.
3. **Semantic layer** — map roles to primitives: `action.primary`/`-hover`/`destructive`, `text.{primary,secondary,on-action,link}`, `surface.{page,card,raised}`, `border.{default,strong}`, `feedback.{success,warning,error,info}` — and the **dark** overrides (designed, not inverted).
4. **Scales** — Major Third type scale + composite text styles, 4px spacing scale, radius tiers, elevation, and `tokens/motion.json`-style durations/easings.
…
The line at the top of this page pins the label git:20260927.806f3e1, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_6kt2tj3kdhqgeuqs
GET https://markdownregistry.com/api/v1/resolve?ref=aicodedecode/awesome-muse-skills/brandkit
GET https://markdownregistry.com/api/v1/blob/c95d8a4da78b85f27cd7231d6f76b3233ceba170040081e2aa67555e9b27c422
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
aicodedecode/awesome-muse-skills · skills-imported/3d-web-experience/SKILL.md · Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes…
aicodedecode/awesome-muse-skills · skills-imported/a-b-test-design/SKILL.md · Design an A/B experiment — hypothesis, variants, primary metric, and sample size. Use when a change can be measured…
aicodedecode/awesome-muse-skills · skills-imported/a11y-audit-uxui/SKILL.md · Audit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning criterion-referenced findings with severity…
aicodedecode/awesome-muse-skills · skills-imported/ab-test-setup/SKILL.md · When the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B…
aicodedecode/awesome-muse-skills · skills-imported/abc-xyz-segmentation/SKILL.md · Segment a SKU portfolio on value (ABC) and demand variability (XYZ), produce the 9-box with a planning policy per cell…
aicodedecode/awesome-muse-skills · skills-imported/academic-cv-builder/SKILL.md · Format CVs for academic positions, including publications, grants, teaching, and research experience. Use when the user…
aicodedecode/awesome-muse-skills · skills-imported/academy-guide/SKILL.md · Stop and check this skill before finishing any reply to a question about how to use Claude or a Claude product — it…
aicodedecode/awesome-muse-skills · skills-imported/accessibility-audit/SKILL.md · Audit an existing interface against WCAG, producing findings with severity ratings and remediation steps. Use when you…
aicodedecode/awesome-muse-skills · skills-imported/accessibility-auditor/SKILL.md · Web accessibility specialist for WCAG compliance, ARIA implementation, and inclusive design. Use when auditing websites…
