animation-vocabulary

Maps vague descriptions of web motion effects to precise animation terminology.

Updated Aug 29, 2026
One-click install
npx skills add https://github.com/Seyamalam/pstu_final --skill animation-vocabulary-seyamalam
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: animation-vocabulary
Source: https://github.com/Seyamalam/pstu_final/tree/main/.agents/skills/animation-vocabulary
Command: npx skills add https://github.com/Seyamalam/pstu_final --skill animation-vocabulary-seyamalam

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Users often know what a motion effect looks or feels like but not its proper name, making it hard to prompt an AI, brief a designer, or search for implementation guidance. This Skill reverse-looks up the exact term from a plain-language description. ## Core Features & Use Cases - Reverse glossary lookup: Converts descriptions like "the bouncy thing when a popover opens" into the exact term (Pop in) with a verbatim definition. - Disambiguation of close terms: Contrasts similar concepts such as Clip-path vs Mask or Morph vs Shared element transition so users pick the right word. - Curated glossary coverage: Spans entrances, sequencing, transforms, transitions, scroll, feedback, easing, springs, looping, polish, performance, and motion principles. - Use Case: A developer wants the iOS overscroll effect in their app but doesn't know what to search for; the Skill identifies it as Rubber-banding with a precise definition. ## Quick Start Ask the assistant what the animation is called when an element grows out of the button that triggered it, and receive the exact term with its definition.

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 UI animation I can only describe?

Describe what the animation looks or feels like in plain language, and the Skill maps it to the exact glossary term with a verbatim definition. For example, "the iOS rubber-band scroll" resolves to Rubber-banding.

What is the difference between a morph and a shared element transition?

A morph is one shape smoothly turning into another shape, like Dynamic Island. A shared element transition is an element traveling and transforming from one position into another, like a thumbnail expanding into a card.

What animation terms does the glossary cover?

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

Can this Skill design or build an animation for me?

No. It only names effects by matching descriptions to glossary terms. It does not generate CSS, code, or animation designs, and it stays within the curated glossary rather than inventing new terms.

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.