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.

/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.