Interaction Design skill: what it does and how to install it

What it does. Provides design guidance and React examples for microinteractions, transitions, loading states, gestures, notifications, drag-and-drop and scroll animations. It covers timing, easing, CSS and Framer Motion patterns, plus reduced-motion support, performance and interaction cleanup.

When to use it. Use it when adding UI polish, feedback states, page or component transitions, hover and focus behaviour, gesture interactions or accessible animation.