animation-vocabulary

Identifies the precise animation term matching a described visual motion effect.

Updated Jun 28, 2026
One-click install
npx skills add https://github.com/AO-HyS/aohys.com --skill animation-vocabulary-ao-hys
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: animation-vocabulary
Source: https://github.com/AO-HyS/aohys.com/tree/main/.agents/skills/animation-vocabulary
Command: npx skills add https://github.com/AO-HyS/aohys.com --skill animation-vocabulary-ao-hys

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designers, developers, and prompt writers often know what a motion effect looks or feels like but not what it is called, making it hard to communicate with designers or write accurate prompts. This Skill maps a loose description of a visual effect to the correct animation terminology. ## Core Features & Use Cases - Term Identification: Converts feel-based descriptions like "springy" or "draws itself in" into precise terms such as spring, stagger, or line drawing. - Disambiguation: Contrasts easily confused terms like clip-path versus mask, or morph versus shared element transition, so you pick the right one. - Curated Glossary: Quotes verbatim definitions from a structured glossary covering entrances, easing, springs, scroll effects, feedback, and performance. - Use Case: You are writing a design brief and need to describe a popover that grows out of its trigger button; the Skill names it origin-aware animation with an authoritative definition. ## Quick Start Describe the motion effect you have in mind and ask what it is called, for example: what is the term for items appearing one after another in a cascade?

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 an animation effect I can only describe?▼

Describe what the motion looks or feels like in plain words, such as springy, slides off, or draws itself in. The Skill maps that sensation to the precise glossary term and returns the term with its authoritative definition.

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, and core animation principles.

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 happens when no glossary term matches my description?▼

The Skill names the closest 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.

Can I use animation vocabulary terms in AI image or video prompts?▼

Yes. The Skill is designed for users who need precise motion terminology for a designer or a prompt, returning the exact term plus a one-line definition you can paste directly into your prompt or brief.