CodeariaAcademy
GitHub repositorycommit this monthDesignDevelopment

Emil Kowalski Skills

44k

13 skills that teach your agent taste in interfaces: the right easing curves, durations and transform origins, a strict motion review, and the small details that make a web app feel native. From the author of the Sonner toasts, MIT.

We have not run it ourselves: described from the docs and the repository.

In numbers

skills in the repository
installs on skills.sh as of 30.09.2026
ceiling for a UI animation in the review rules
licence

What it is

An agent writes an animation that works but feels slightly off: the dropdown comes in with ease-in, grows out of its centre instead of from the button, and drags on for half a second. Emil Kowalski Skills is a set of 13 skills in which a design engineer who worked at Vercel and Linear wrote down mistakes like these and the rules that prevent them. Some skills build an animation from scratch, others review and audit what is already there, and the rest tell you the name of an effect or pick a library for the job.

What sets it apart from "make it pretty" collections is that the rules are specific and checkable: which properties are safe to animate, how much time a UI element gets, and when an animation is better removed altogether. It is useful if you build interfaces with Claude Code or Cursor without a dedicated motion designer and don't want your product to look like yet another generated page.

How it works

npx skills add
npx skills@latest add emilkowalski/skills installs the whole set; the --skill apple-design flag picks a single skill.
emil-design-eng
The core skill: a philosophy of interface polish and reviews as a "before / after / why" table. The most popular in the set, with 310.4K installs.
animate · animate-expo
Build an animation from scratch through a sequence of decisions: is it needed, which properties, curve, duration, interruption. The second one targets React Native and Expo.
review · improve · find
review-animations checks motion against 10 mandatory standards; improve-animations and find-animation-opportunities only read the code and write a plan of changes.
apple-design · mobile-native
Apple's principles from WWDC talks, carried over to the web, plus the small fixes that make a site on a phone behave like an app: 100vh, input zoom, safe area.

Know before installing

There is no video skill of the kind promised in reels about "animations in code": these skills are about motion in interfaces, not about videos.
review-animations, prototype and pick-ui-library don't trigger on their own; you have to call them explicitly.
The rules reflect one author's taste and are tuned for React; write-swift and ask-sonner have nothing to do with web animation.

Comments