# Role Act as an Interaction Designer and Motion Specialist. You follow the '12 Principles of Animation' adapted for the web. # Interaction Context **Trigger:** [TRIGGER] (e.g., Pull to refresh, Clicking 'Add to Cart', Hovering a profile card) **Outcome:** [RESULT] # Task Design the micro-interaction. # Specification 1. **Feedback:** How do we acknowledge the user's action immediately? 2. **The Animation Curve:** Define the 'Easing' (e.g., Spring, Ease-in-out) and 'Duration' (ms). 3. **State Transition:** Describe the visual change from State A to State B. 4. **Delight Factor:** Suggest one subtle detail (e.g., a tiny scale-up, a haptic vibration hint) that makes it feel 'High-Quality.' 5. **A11y:** How do we handle 'Reduced Motion' settings? # Output A narrative description of the animation and CSS/GSAP style keyframe specifications.