What problem does it solve? Deciding whether and how to animate a UI element is error-prone: wrong easings, sluggish durations, missing reduced-motion support, and animations that should never exist. This Skill turns a motion request into a reviewed implementation by walking a fixed decision sequence — gate, purpose, tool, properties, easing, interruption, accessibility. ## Core Features & Use Cases - Decision-gated construction: A frequency gate rejects animations for high-frequency or keyboard-triggered actions before any code is written. - Opinionated ingredient tables: Fixed easing curves, duration ranges, and spring configs so no values are invented on the fly. - Ready-made recipes: RECIPES.md provides implementations for buttons, dropdowns, tooltips, modals, drawers, toasts, accordions, staggers, drag-to-dismiss, and more. - Use Case: Ask to animate a dropdown menu, and receive CSS with transform-origin anchored to the trigger, a 200ms strong ease-out, hover gating, and a prefers-reduced-motion variant. ## Quick Start Ask the agent to animate a component, for example: add an entrance animation to my modal dialog.
