A virtual design team for Claude Code — 9 specialist roles, 16 commands, 5 agents
# Add to your Claude Code skills
git clone https://github.com/Adityaraj0421/design-studio<br><br>
Instead of generic AI design help, Design Studio loads specialized design knowledge for each task — the right expertise activates based on what you're building.
Quick Start · Commands · The Team · How It Works · Changelog
</div>git clone https://github.com/Adityaraj0421/design-studio.git ~/.claude/plugins/design-studio
Then try:
/design Build a landing page for a SaaS analytics product
Running /design Build a pricing page with monthly/annual toggle automatically loads UI Designer, Content Designer, Motion Designer, and Design System Lead references — each contributing their specific knowledge to the output. A button redesign loads 1–2 references. A full product feature loads 4–7.
No comments yet. Be the first to share your thoughts!
Design Manager
Orchestrates
Creative Director
Vision
Product Designer
Strategy
UX Designer
Flows
UI Designer
Visual
UX Researcher
Insights
Content Designer
Copy
Design System Lead
Tokens
Motion Designer
Animation
The skill loads only the references your task actually needs
| Command | What It Does |
|---------|-------------|
| /design <task> | Full design workflow with team assembly |
| /design-review <file> | 5-point quality audit (accessibility, usability, visual, content, motion) |
| /design-system | Generate, extract, or audit design tokens |
| /figma <URL> | Convert Figma designs to production code |
| /figma-create <task> | Build pages, wireframes, components in Figma |
| /ux-audit <brief> | Audit Fi...