animation-vocabulary

Maps vague descriptions of web motion effects to their exact animation terminology.

Updated May 13, 2026
One-click install
npx skills add https://github.com/sapatamuku-creator/mastersapatamuku --skill animation-vocabulary-sapatamuku-creator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: animation-vocabulary
Source: https://github.com/sapatamuku-creator/mastersapatamuku/tree/main/releases/v2.7/.agents/skills/animation-vocabulary
Command: npx skills add https://github.com/sapatamuku-creator/mastersapatamuku --skill animation-vocabulary-sapatamuku-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Users often see a motion effect on the web but don't know its name, making it impossible to search for it, prompt an AI for it, or brief a designer. This Skill reverse-looks-up the precise term from a loose description like "the bouncy thing when a popover opens". ## Core Features & Use Cases - Reverse glossary lookup: Converts feel-based descriptions ("springy", "draws itself in", "slides off") into exact terms like Pop in, Line drawing, or Slide in. - Disambiguation of close terms: Contrasts competing terms such as Clip-path vs Mask, Morph vs Crossfade, or Shared element transition vs Layout animation so the user picks the right one. - Curated glossary coverage: Covers entrances/exits, sequencing, transforms, transitions, scroll effects, feedback, easing, springs, looping, polish effects, performance, and motion principles. - Use Case: A user asks "What's it called when a popover grows out of the button you clicked?" and receives the term Origin-aware animation with a verbatim glossary definition. ## Quick Start Ask the assistant what a described motion effect is called, for example "what's the term for the iOS scroll that resists and snaps back when you pull too far".

Frequently Asked Questions about animation-vocabulary

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find the name of a web animation effect I saw?▼

Describe the effect by what it looks or feels like, such as "the bouncy thing when a popover opens", and the glossary maps it to the exact term, like Pop in. Close alternatives are listed with one-line differences when several terms could fit.

What is the difference between a morph and a crossfade?▼

A morph is one shape smoothly turning into another shape, like Dynamic Island. A crossfade is one element fading out as another fades in at the same spot, with no shape transformation involved.

What animation terms does the glossary cover?▼

The glossary covers entrances and exits, sequencing and timing, transforms, state transitions, scroll-driven motion, interaction feedback, easing curves, spring physics, looping ambient motion, polish effects, performance concepts, and motion design principles.

Can this skill design or build an animation for me?▼

No, it only names effects. It identifies the correct term for a described motion so you can prompt an AI or brief a designer, but it does not generate animation code or design implementations.

What happens if my described effect is not in the glossary?▼

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. It does not invent new terms.