UISkills - UI Skills for Building Better Interfaces with Agents
Opinionated constraints for building better user interfaces with agents
Tags
Updated: 2026-02-17Capabilities
Typical Inputs
Typical Outputs
What this skill does
- use Tailwind CSS defaults
- use motion/react for animations
- use accessible component primitives
- add aria-label to icon buttons
- use AlertDialog for destructive actions
- respect prefers-reduced-motion
- use text-balance for headings
- use fixed z-index scale
- avoid gradients unless requested
- limit accent color usage
Inputs
- UI component requirements
- Frontend development tasks
- User interface specifications
- Design system guidelines
Outputs
- React components
- Tailwind CSS interfaces
- Accessible UI elements
- Animated user interfaces
Requirements
- React environment
- Tailwind CSS setup
- TypeScript support
- Modern JavaScript runtime