# interaction-design
Design meaningful interactions with micro-animations, state machines, gestures, error handling, and feedback patterns.
## Skills (7)
- **micro-interaction-spec** — Specify micro-interactions with trigger, rules, feedback, and loop/mode definitions.
- **animation-principles** — Apply animation principles to UI motion for purposeful, polished interactions.
- **state-machine** — Model complex UI behavior as finite state machines with states and transitions.
- **gesture-patterns** — Design gesture-based interactions for touch and pointer devices.
- **error-handling-ux** — Design error prevention, detection, and recovery experiences.
- **loading-states** — Design loading, skeleton, and progressive content reveal patterns.
- **feedback-patterns** — Design system feedback for user actions including confirmations and status.
## Commands (3)
- `/design-interaction` — Design a complete interaction flow for a feature or component.
- `/map-states` — Model the states and transitions for a complex UI component.
- `/error-flow` — Design a complete error handling flow for a feature.