ui-design-system
🤖 AI Summary
Generates design tokens, responsive calculations, and component documentation, then packages them for developer handoff.
How to Install
Claude Code:
git clone --depth 1 https://github.com/alirezarezvani/claude-skills.git && cp claude-skills/.gemini/skills/ui-design-system ~/.claude/skills/ui-design-system -rUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use when creating design system
Details
| Category | Design → ui |
| Source | alirezarezvani/claude-skills |
| SKILL.md | View on GitHub → |
| Repo Stars | ★ 18.9K |
| Est. per Skill | 47 (shared across 394 skills from this repo) |
| Difficulty | Intermediate |
| Risk Level | Safe |
Related Skills
cirq
Cirq - Quantum Computing with Python Cirq is Google Quantum AI's open-source framework for designing
expo-tailwind-setup
Tailwind CSS Setup for Expo with react-native-css This guide covers setting up Tailwind CSS v4 in Ex
embedding-strategies
Embedding Strategies Guide to selecting and optimizing embedding models for vector search applicatio
blockchain-developer
Use this skill when Working on blockchain developer tasks or workflows Needing guidance, best practi
Works Well With
Skills from the same repository — often designed to work together
playwright-pro
Production-grade Playwright testing toolkit. Use when the user mentions Playwright tests, end-to-end
commands
/cs:write-a-skill — Author a new agent skill with Matt Pocock's 3-phase workflow (Gather → Draft → R
engineering
Create new agent skills with proper structure, progressive disclosure, and bundled resources. Use wh