ui-ux-design-system - Build accessible UI/UX design systems
Create premium accessible UI/UX design systems with design tokens, component architecture, dark mode, and animations for SaaS apps
Tags
Updated: 2026-03-25Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create design tokens
- Build component library
- Implement dark mode
- Add glassmorphism effects
- Create micro-animations
- Design responsive layouts
- Ensure accessibility compliance
- Build loading states
- Create skeleton screens
- Design empty states
Inputs
- Component requirements
- Brand guidelines
- Accessibility standards
- Figma designs
Outputs
- Design token CSS file
- Component library
- Dark mode styles
- Animations
- Loading screens
- Empty state screens
Requirements
- React/Next.js environment
- shadcn/ui
- Radix Primitives
- Tailwind CSS
- Framer Motion
- WCAG 2.1 AA