interaction-design - Design and implement UI microinteractions and motion
Design and implement microinteractions, motion design, transitions, and user feedback patterns to enhance UI usability.
Tags
Updated: 2026-09-19Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Add microinteractions
- Implement component transitions
- Design loading states
- Create gesture interactions
- Build notification systems
- Implement drag-and-drop interfaces
- Add scroll-triggered animations
- Design hover states
Inputs
- UI component code
- Interaction requirements
Outputs
- Interactive React components
- CSS animation styles
Requirements
- React
- Framer Motion
- CSS3