Coming soon animation-vocabulary
Emil Kowalski skills/animation-vocabulary 8.8k Emil Kowalski · @emilkowalski ↗ Skills for Design Engineers
Skills that teach your coding agent Emil Kowalski's animation and design taste: the right easing, timing, and UI details from his years at Vercel and Linear.
8.8k stars
Updated Jul 10, 2026 MIT 4 skills
The roster
New Make Interfaces Feel Right
Emil Kowalski Emil Kowalski's UI and animation taste, installed: your agent picks the right easing and duration, adds press feedback, and reviews UI code with before and after fixes.
skills/emil-design-eng 8.8k Coming soon Emil Kowalski Coming soon apple-design
Emil Kowalski skills/apple-design 8.8k Coming soon review-animations
Emil Kowalski skills/review-animations 8.8k What it does
Skills that teach your coding agent design taste. Agents get UI working but fumble the small choices that make it feel right: ease-in on an enter animation when it should be ease-out, or a menu that pops in from scale(0). The set catalogs those mistakes and their fixes, drawn from Emil Kowalski's years as a design engineer at Vercel and Linear and from building the Sonner toast library (13M+ weekly downloads) and the Vaul drawer.
One install covers the whole loop. Your agent makes sharper animation and design calls as it builds, reviews finished motion against a strict craft bar, turns 'the bouncy popover thing' into the exact term to prompt with, and brings Apple's WWDC design principles to the web.
When to use it
- Your agent's UI works but feels off
Agents pick ease-in for entrances and animate actions that should be instant. These skills catch the small mistakes and give your agent the fix.
- You're animating a component and every value is a guess
Get a clear call on whether it should animate, then the easing and duration that fit, from button presses to swipe-to-dismiss.
- Animation code needs review before it ships
A strict pass flags issues like ease-in entrances and scale(0) reveals, each with a before and after fix.
- You know the motion you want but can't name it
Describe the effect in plain words and get its exact term, so your next prompt asks for the right thing.
Common questions
Do I need the whole set, or can I use just one skill?
Each skill in emilkowalski/skills works on its own, so you can lean on one and ignore the rest. emil-design-eng gives everyday animation and design guidance, review-animations strictly audits motion code, animation-vocabulary names effects you can only describe, and apple-design translates Apple's WWDC principles to the web.
Which coding agents do the skills work with?
Claude Code, Cursor, and any other agent that supports the skills format. You run one command, npx skills@latest add emilkowalski/skills, and every skill in the collection installs at once.
Is the collection free to use?
Yes. emilkowalski/skills is open source under the MIT license, with no paid tier and no signup; the animations.dev course it links to is optional.
Do I still need to learn design if my agent has these skills?
Yes, and the emilkowalski/skills README is upfront about it: AI amplifies design expertise, it does not replace it. The skills catalog the small mistakes agents make, like picking ease-in for an enter animation, so your output improves while your own taste stays the ceiling.