Interaction & Motion Design

What problem does it solve?

This Skill helps teams design motion that improves clarity, feedback, and emotional quality instead of adding distracting animation.

Core Features & Use Cases

• Micro-interactions: Define button presses, toggles, form validation, and notification behavior with purposeful feedback.
• Transitions and Loading: Plan page changes, modal motion, skeleton screens, and progress choreography that feel smooth and informative.
• Accessibility and Platform Fit: Align animation with reduced-motion preferences, haptics, and platform-specific motion conventions across web, mobile, and spatial interfaces.
• Use Case: Use it when you need to specify how a product should animate, what timing and easing to use, and how motion should support usability without overwhelming users.

Quick Start

Ask for a motion design plan for a specific interface flow, including animation timing, easing, haptics, loading states, and reduced-motion behavior.