skills.rest
ankaboot-source
ankaboot-sourceOFFICIAL
Explore all skills by this author →
WebsiteGitHub

animation-vocabulary

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

2|Updated Jul 25, 2026
Search Tags:#glossary#animation#ux#transitions#motion design#easing#ui terminology
One-click install
npx skills add https://github.com/ankaboot-source/boucle --skill animation-vocabulary-ankaboot-source
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: animation-vocabulary
Source: https://github.com/ankaboot-source/boucle/tree/main/.jcode/skills/animation-vocabulary
Command: npx skills add https://github.com/ankaboot-source/boucle --skill animation-vocabulary-ankaboot-source

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 precise term from a plain-language description. ## Core Features & Use Cases - Reverse glossary lookup: Converts descriptions like "the bouncy thing when a popover opens" into exact terms such as Pop in or Rubber-banding. - Disambiguation of close terms: Contrasts similar concepts (Morph vs Crossfade vs Shared element transition) so users pick the right word. - Curated glossary coverage: Spans entrances, sequencing, transforms, scroll effects, feedback, easing, springs, looping, polish, performance, and motion principles. - Use Case: A product manager writing a ticket says "the iOS scroll that resists and snaps back" and receives the term Rubber-banding with an authoritative one-line definition to paste into the spec. ## Quick Start Ask what the effect is called when a thumbnail smoothly expands into a full card when tapped.

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 words, 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 one-line 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 while another fades in at the same spot, with no shape transformation involved.

What is the iOS scroll bounce effect called?▼

The iOS overscroll effect is called rubber-banding. It describes the resistance and snap-back you feel when dragging past a scroll boundary.

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 in prompts, tickets, or design briefs, not a tool for designing or implementing animations.

What 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 a stagger of scale-in entrances. It does not invent new terms.

Related Skills

Explore More Design & Creative Skills→
Festo-WampambaFesto-Wampamba

animation-vocabulary

Identify exact animation terms from plain-language motion descriptions.

Community
Basic
beelabstudiobeelabstudio

animation-vocabulary

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

Official
Basic
Owl-ListenerOwl-Listener
234

motion-choreography

Design accessible motion sequences with duration, easing, and reduced-motion alternatives.

Community
Intermediate
HorusGoulHorusGoul
8

animation-vocabulary

Identify precise web animation and motion effect terms from vague descriptions.

Community
Basic