animation-vocabulary

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

Updated Aug 25, 2026
One-click install
npx skills add https://github.com/KlyrhonMiko/kly-skills --skill animation-vocabulary-klyrhonmiko
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: animation-vocabulary
Source: https://github.com/KlyrhonMiko/kly-skills/tree/main/data/skills/animation-vocabulary
Command: npx skills add https://github.com/KlyrhonMiko/kly-skills --skill animation-vocabulary-klyrhonmiko

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Users often see a motion effect on a website or app but don't know its technical name, making it hard to search for tutorials, prompt an AI, or brief a designer. This Skill acts as a reverse-lookup glossary that converts a loose description ("the bouncy thing when a popover opens") into the exact term ("Pop in"). ## Core Features & Use Cases - Reverse Term Lookup: Matches feel-based descriptions like "springy", "slides off", or "draws itself in" to authoritative glossary entries covering entrances, easing, springs, scroll effects, and more. - Disambiguation of Close Terms: Contrasts competing terms such as Clip-path vs Mask or Pop in vs Bounce so the user can pick the right one. - Verbatim Glossary Definitions: Returns curated, authoritative one-line definitions organized by category (Entrances & Exits, Easing, Spring Animations, Performance, 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 its exact definition. ## Quick Start Ask the AI what the animation is called when an element resists and snaps back when you scroll past the edge of a page.

Frequently Asked Questions about animation-vocabulary

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

FAQPage Schema
What is it called when an element bounces into place on a webpage?▼

That effect is called Pop in, where an element appears with a slight overshoot like it bounces into place. If the motion is physics-driven with oscillation, the related spring term is Bounce, which overshoots and settles.

How do I find the name of a UI animation effect?▼

Describe what you see or feel, such as "springy" or "slides off", and the glossary maps that sensation to the exact term. Close matches are listed with one-line contrasts so you can pick the right word.

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 is the iOS rubber-band scroll effect called?▼

It is called rubber-banding, defined as resistance and snap-back when you drag past a boundary. It is the signature iOS overscroll feel and belongs to the feedback and interaction category of motion terms.

Can this skill design or build animations for me?▼

No, it only names effects. It is a reverse-lookup glossary for finding the right term to use when prompting an AI or briefing a designer, not a tool for designing or implementing animations.