skills.rest
Alex918-stack
Alex918-stackCOMMUNITY
Explore all skills by this author →
GitHub

animation-vocabulary

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

Updated Jul 15, 2026
Search Tags:#glossary#animation#transitions#motion design#easing#css animation#ui terminology
One-click install
npx skills add https://github.com/Alex918-stack/papertrader --skill animation-vocabulary-alex918-stack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: animation-vocabulary
Source: https://github.com/Alex918-stack/papertrader/tree/main/agent/skills/animation-vocabulary
Command: npx skills add https://github.com/Alex918-stack/papertrader --skill animation-vocabulary-alex918-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Users often can describe what a web animation looks or feels like ("the bouncy thing when a popover opens") but don't know its proper name, making it hard to prompt an AI, brief a designer, or search for implementation guidance. ## Core Features & Use Cases - Reverse-lookup glossary: Converts informal, feel-based descriptions of motion effects into exact terms like Pop in, Rubber-banding, Stagger, or Morph. - Disambiguation of close terms: Contrasts easily confused concepts such as Clip-path vs Mask or Shared element transition vs Layout animation so users pick the right word. - Use Case: A user asks "what's it called when an iOS scroll resists and snaps back?" and receives the term Rubber-banding with its authoritative one-line definition, ready to use in a prompt or design brief. ## Quick Start Ask the assistant what the animation is called when a popover grows out of the button that opened it.

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 a popover bounces into place?▼

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

How do I find the name of a UI animation I can only describe?▼

Describe what you see or feel, such as springy, slides off, or draws itself in, and the glossary maps that sensation to a term. Close matches are listed with one-line differences 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.

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.

Does this skill design or build animations?▼

No, it only names effects. It is a reverse-lookup glossary for identifying the correct term, not a tool for designing, coding, or implementing animations.

Related Skills

Explore More Design & Creative Skills→
jamsdoescodejamsdoescode

frontend-design

Build and polish frontend UI for websites, dashboards, and landing pages.

Community
Intermediate
AzamCodesAzamCodes

animation-designer

Create web animations with Framer Motion and CSS for frontend UIs.

Community
Advanced
brunoolfbrunoolf

motion-principles

Defines motion design principles for UI animation timing, easing, and reduced-motion handling.

Community
Intermediate
Free-The-AiFree-The-Ai
833

animation-vocabulary

Translate descriptions of web animation motion effects into precise technical terms.

Official
Basic