animation-vocabulary

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

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

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 authoritative definition. - Disambiguation of close terms: Contrasts easily confused concepts such as Clip-path vs Mask, Morph vs Crossfade, or Shared element transition vs Layout animation. - Broad coverage: The glossary spans entrances, sequencing, transforms, transitions, scroll effects, feedback, easing, springs, looping, polish, performance, and motion principles. - Use Case: A product manager writing a design brief says "the iOS scroll that resists and snaps back" and receives the term Rubber-banding with a precise definition to hand to the design team. ## Quick Start Ask the assistant what the animation is called when a thumbnail expands into a full card, and it will return 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 effect?

Describe what the effect looks or feels like in plain language, such as "slides off screen" or "bounces into place". The glossary maps that sensation to the exact term, like Swipe to dismiss or Pop in, with a verbatim definition.

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: resistance and snap-back when you drag past a boundary, matching the iOS overscroll feel. It belongs to the feedback and interaction category of motion effects.

When should I use a spring animation instead of easing?

Springs are physics-driven motion defined by stiffness, damping, and mass rather than a fixed duration, so they feel natural and are interruptible. Easing curves like ease-out suit simple, fixed-duration UI transitions.

What if the animation term I need 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. It does not invent new terms outside the glossary.