animation-vocabulary
by emilkowalski26 days ago24.7kReverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.
Install
Show step-by-stepHide step-by-step
Open your terminal
- Mac: Press ⌘ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.
Where it lives
Comments
"3/ Agents still ship ease-in enter animations. This pack stops that. Emil Kowalski open-sourced four design-engineering skills for coding agents. The main pack..."
"@elpertz_design There are two skills that the course’s skills don’t include: `apple-design` and `animation-vocabulary`. So if you want to use skills outside of..."
Related skills
baoyu-comic
Knowledge comics (知识漫画): educational, biography, tutorial.
comfyui
Generate images, video, and audio with ComfyUI — install, launch, manage nodes/models, run workflows with parameter injection. Uses the official comfy-cli for lifecycle and direct REST/WebSocket API for execution.
hyperframes
Render MP4/WebM videos from HTML compositions.
p5js
p5.js sketches: gen art, shaders, interactive, 3D.