Self-hosted alternatives to animation-vocabulary

A

animation-vocabulary

Reverse-lookup glossary that turns a vague description of a web animation or

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.