---

name: ui-design-system description: Use when UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools.

Ui Design System

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use when creating design systems, generating design tokens, maintaining visual consistency, or facilitating design-dev collaboration and developer handoff. — One of 337+ skills in Ali Reza's multi-agent claude-skills collection (Claude, Codex, Gemini, Hermes; ~19k stars).

What you get

• Public GitHub repo (alirezarezvani/claude-skills)
• the ui-design-system skill folder with SKILL.md. Part of a 337-skill / 30-agent / 70-command install.

Customize your output

• Fork the repo and adapt the skill's instructions and references to your workflow.

Example output

Activates automatically when your request matches Ui Design System; chains with the other skills, agents, and commands in the collection.

Best for

Creators, builders, and teams using Claude Code.