
animation-vocabulary
Reverse-lookup glossary that turns a vague description of a web animation or
by emilkowalskiFree
Description
animation-vocabulary is an agent skill from the emilkowalski/skills collection that works as a reverse-lookup glossary for motion. It turns a loose description of a web animation or a motion effect into its precise term, so you know what to ask for. The example in the skill is describing the bouncy motion when a popover opens and getting back the name of the effect. The response uses a consistent form, with the term in bold followed by a short plain definition, such as stagger, which animates several items one after another with a small delay to create a cascade. The skill's knowledge reflects Emil Kowalski's animation philosophy. It is useful when a designer or developer knows the effect they want but not the vocabulary, which slows a brief to an engineer or a search for a library. Using the right term also helps when you ask an assistant to implement or review a motion, because the precise name points to a known pattern with known parameters. The glossary is a naming aid, so confirm the technical details against the library you use, since terms can be implemented differently across tools. The skill passes Gen Agent Trust Hub, Socket and Snyk on skills.sh, and it has about 212,400 installs. Install it with npx skills add https://github.com/emilkowalski/skills --skill animation-vocabulary.…
Highlights
- Turns a loose description of a motion into its exact term
- Consistent response with the term and a short definition
- Based on Emil Kowalski's animation philosophy
- Helps brief engineers and search for libraries
Ratings & Reviews
No ratings yet
Be the first to rate animation-vocabulary.
People also visit

emilkowalski-motion
Motion-design follow-up skill inspired by Emil Kowalski's animation guidance
animation-vocabulary FAQ
What does it do?
It names a motion effect from a loose description, such as a bouncy popover opening, and defines the term.
Why is naming useful?
A precise term points to a known pattern, which makes briefs and implementation clearer.
Should I trust the technical details?
Confirm them against the library you use, since terms can be implemented differently.
How do I install it?
Run npx skills add https://github.com/emilkowalski/skills --skill animation-vocabulary.
What are the best animation-vocabulary alternatives?
Popular alternatives to animation-vocabulary include hyperframes-animation, emilkowalski-motion and emil-design-eng. See all animation-vocabulary alternatives





