Design and manufacture someone's OWN reusable visual design language and save it as durable files — design tokens (css/tokens.css + a W3C design-tokens.json), a DESIGN_LANGUAGE.md contract, and a living multi-page styleguide — that future sessions and other projects read to build UI in one consistent, ownable style. Use this whenever the goal is to create, define, set up, or establish a design language, design system, house style, visual identity, or brand look captured once as files and reused across many UIs or projects; to make apps stop looking templated, generic, or like every other Claude/Anthropic app (the default warm-beige + terracotta + pillowy-card look); or to get tokens plus a contract that tells Claude how to build in that style every time. It is reaction-first — it researches real references, renders live options the user reacts to, and dials each dimension (color, typography, spacing, shape, elevation, motion, imagery, components, patterns, voice) from conventional to experimental. This produces durable, cross-project infrastructure — NOT styling, prettifying, unifying, or picking a font for a single screen, component, or one-off piece of copy in the moment, which is the frontend-design skill.
$npx -y skills add mhylle/claude-skills-collection --skill design-languageInstalls into the current project.
Run `npx skills use "https://github.com/mhylle/claude-skills-collection" --skill "mhylle/claude-skills-collection/design-language"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/mhylle/claude-skills-collection" that are relevant to the current task. Run `npx skills add "https://github.com/mhylle/claude-skills-collection"` and select the relevant skills, then follow their instructions.