build-design-system
About build-design-system
Use when someone wants a design system built from the UI an app already ships, or one phase of it, such as “extract tokens from the app”, “add states to our Button”, “replace the hardcoded colors with tokens” or “start a design system”. Moving screens onto an existing system's components is migrate-design-system. A vague whole-app ask goes to design-system-boss.
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/build-design-systemin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
references/components.mdglossary.mdtaste.mdtokens.mdtraps.mdscripts/capture-guard.mjscapture.mjscheck-system.mjsfind-chromium.mjsoklch.mjspixdiff.mjsComments
Markdown supported