animation-vocabulary

Describe what the effect looks or feels like in plain language, such as "the iOS rubber-band scroll" or "slides off screen." The skill maps that sensation to the exact glossary term, like Rubber-banding or Swipe to dismiss, with a verbatim definition.

Easing defines how speed changes over a fixed duration, like ease-out or cubic-bezier. A spring is driven by physics parameters (stiffness, damping, mass) instead of a set duration, producing motion that can overshoot, bounce, and be interrupted mid-flight.

If one shape smoothly turns into another shape, that is a Morph, like the Dynamic Island. If an element travels from one position into another, it is a Shared element transition; if they simply fade over each other, it is a Crossfade.

No, it only names effects. It returns the correct term and glossary definition so you know what to ask for, but it does not provide design guidance, CSS code, or implementation steps.

The skill names the closest matching term and states plainly that it is an approximation, or describes the effect using existing glossary vocabulary, such as calling something a stagger of scale-in entrances, rather than inventing a new term.