ui-design-system

17

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.

CommandsMarketplace

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install davila7/claude-code-templates/ui-design-system
skilz install davila7/claude-code-templates/ui-design-system --agent opencode
skilz install davila7/claude-code-templates/ui-design-system --agent codex
skilz install davila7/claude-code-templates/ui-design-system --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/davila7/claude-code-templates
2. Copy the agent skill directory:
cp -r claude-code-templates/cli-tool/components/skills/creative-design/ui-design-system ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Type
Non-Technical
Meta-Domain
general
Primary Domain
general
Sub-Domain
javascript react code
Market Score
17

Report Security Issue

Found a security vulnerability in this agent skill?