ui-design - UI Design Constraints for Better Interfaces
Enforces opinionated constraints for building better interfaces with agents using Tailwind CSS, motion/react, and accessible primitives
Tags
Updated: 2026-03-11Capabilities
Typical Inputs
Typical Outputs
What this skill does
- build UI components
- implement animations
- design layouts
- review accessibility
- apply spacing
- handle loading states
- create interactive elements
- manage error states
Inputs
- Tailwind CSS configuration
- accessible primitives
- animation library
- theme tokens
- error conditions
Outputs
- UI component code
- interactive elements
- animation implementations
- accessibility reviews
- layout designs
Requirements
- Tailwind CSS
- motion/react
- React environment
- cn utility function
- Base UI or Radix primitives