Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation. Use this skill whenever the user wants to build a design system, audit an existing system, define design tokens at the system level, structure a component library, or set up design system governance.
Install
npx skills add rampstackco/claude-skills --skill design-systemnpx skills add rampstackco/claude-skills --skill design-system -a claude-code -gnpx skills add rampstackco/claude-skills --skill design-system -a codex -ggemini skills install https://github.com/rampstackco/claude-skills.git --path skills/design-systemgh skill install rampstackco/claude-skills design-systemgit clone --depth 1 https://github.com/rampstackco/claude-skills /tmp/rampstackco__claude-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/rampstackco__claude-skills/skills/design-system ~/.claude/skills/design-system # Claude Code
cp -R /tmp/rampstackco__claude-skills/skills/design-system ~/.agents/skills/design-system # Codex, Cursor, Gemini CLI, Copilot, OpenCode