UI/UX design expertise - component design, design systems, responsive design, Figma analysis
Inherits all available tools
Additional assets for this skill
This skill inherits all available tools. When active, it can use any tool Claude has access to.
component-design.mddesign-system.mdfigma-analysis.mdresponsive-design.mdname: design-expert description: "UI/UX design expertise - component design, design systems, responsive design, Figma analysis" autoInvoke: false priority: medium triggers:
Category: Reference Skill Used By: ui-designer agent
| File | Purpose |
|---|---|
component-design.md | Atomic design, component anatomy, specs |
design-system.md | Design tokens, theming, consistency |
responsive-design.md | Mobile-first, breakpoints, layouts |
figma-analysis.md | Figma file analysis techniques |
Atomic Design:
Atoms → Molecules → Organisms → Templates → Pages
Design Tokens:
Responsive Breakpoints:
For implementation with specific design system libraries, use:
Design System Library: skills/design-system-library/
| System | File |
|---|---|
| Material UI | material-ui.md |
| Ant Design | ant-design.md |
| Tailwind CSS | tailwind-css.md |
| shadcn/ui | shadcn-ui.md |
| Chakra UI | chakra-ui.md |
| NativeWind | nativewind.md |
| Bootstrap | bootstrap.md |
| Mantine | mantine.md |
| Radix UI | radix-ui.md |
| Headless UI | headless-ui.md |
Load sub-skills as needed for detailed guidance.