What problem does it solve? UI animations often feel sluggish, jarring, or unnecessary because developers lack concrete rules for when to animate, which easing to pick, and how long transitions should last. This Skill provides a decision framework and reference tables for crafting polished interface motion. ## Core Features & Use Cases - Animation Decision Framework: Tables for deciding whether to animate, which easing curve to use, and how long animations should run based on interaction frequency and element type. - Spring & Gesture Physics: Guidance on spring configurations, momentum dismissal thresholds, drag damping, and pointer capture for touch interactions. - Performance & Accessibility Rules: Rules for GPU-accelerated transform/opacity animations, prefers-reduced-motion handling, and avoiding Framer Motion shorthand pitfalls. - Use Case: When building a modal or drawer component, consult the duration table (200-500ms), apply the drawer easing curve cubic-bezier(0.32, 0.72, 0, 1), and ensure the exit animation runs faster than the enter. ## Quick Start Review my dropdown component's animation code and recommend the correct easing curve, duration, and enter/exit timing.
