UISkills - Agent UI Development Constraints and Best Practices
Opinionated constraints and best practices for building user interfaces with agents
Tags
Updated: 2026-02-17Capabilities
Typical Inputs
Typical Outputs
What this skill does
- use Tailwind CSS defaults
- apply motion/react for animations
- implement accessible components
- use AlertDialog for destructive actions
- apply structural skeletons
- respect safe-area-inset
- use text-balance for headings
- follow fixed z-index scale
Inputs
- UI component requirements
- React interface specifications
- Frontend development tasks
- User interface development needs
Outputs
- UI components
- React interfaces
- Frontend code
- User interface implementations
Requirements
- Agent UI development context
- React development environment
- Tailwind CSS stack