UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
Install
npx skills add davila7/claude-code-templates --skill ui-design-systemnpx skills add davila7/claude-code-templates --skill ui-design-system -a claude-code -gnpx skills add davila7/claude-code-templates --skill ui-design-system -a codex -ggemini skills install https://github.com/davila7/claude-code-templates.git --path cli-tool/components/skills/creative-design/ui-design-systemgh skill install davila7/claude-code-templates ui-design-systemgit clone --depth 1 https://github.com/davila7/claude-code-templates /tmp/davila7__claude-code-templates
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/davila7__claude-code-templates/cli-tool/components/skills/creative-design/ui-design-system ~/.claude/skills/ui-design-system # Claude Code
cp -R /tmp/davila7__claude-code-templates/cli-tool/components/skills/creative-design/ui-design-system ~/.agents/skills/ui-design-system # Codex, Cursor, Gemini CLI, Copilot, OpenCode