Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.
Install
npx skills add wshobson/agents --skill design-system-patternsnpx skills add wshobson/agents --skill design-system-patterns -a claude-code -gnpx skills add wshobson/agents --skill design-system-patterns -a codex -ggemini skills install https://github.com/wshobson/agents.git --path plugins/ui-design/skills/design-system-patternsgh skill install wshobson/agents design-system-patternsgit clone --depth 1 https://github.com/wshobson/agents /tmp/wshobson__agents
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/wshobson__agents/plugins/ui-design/skills/design-system-patterns ~/.claude/skills/design-system-patterns # Claude Code
cp -R /tmp/wshobson__agents/plugins/ui-design/skills/design-system-patterns ~/.agents/skills/design-system-patterns # Codex, Cursor, Gemini CLI, Copilot, OpenCode