Skip to content

Emil Kowalski's skills

emilkowalski/skills

Emil Kowalski's skills is an MIT-licensed set of 14 skills for building better user interfaces, written by the designer and engineer behind the Sonner toast library. They list the small mistakes agents make with animation and interface design and say how to fix each one. Skills cover animation, Apple-style design, mobile polish, prototyping and breaking your own UI with worst-case data.

By Emil KowalskiMIT licenseWorks with 3 agentsDesign and frontend

Facts checked on against the sources listed at the end of this page.

GitHub stars
48,768
Skills in the pack
15
Agents supported
3The README shows the skills CLI install and does not name specific agents
License
MIT
Last commit
1 week ago11 October 2026
Instruction size
34.7k wordsacross all SKILL.md files

How to install Emil Kowalski's skills

AgentCommandCopy
Any agent
npx skills@latest add emilkowalski/skills

Commands as given in the README on 3 October 2026.

What Emil Kowalski's skills runs on your machine

Hooks
None found in the repo.
Bundled scripts
None found. The repo holds Markdown skills.
Network calls
None named in the README.
API keys needed
None named in the README.

These are facts read from the repo, not a security rating. Read the files before you install any skill.

What is inside Emil Kowalski's skills

SkillWhat it makes the agent do
emil-design-engThe main skill, mostly about animation with some general design advice.
animateBuilds an animation from scratch, choosing the curve, duration and properties.
animate-expoThe same bar for React Native and Expo: gestures, sheets, haptics and screen transitions.
review-animationsReviews your animations strictly against the author's rules.
improve-animationsAudits every animation in a codebase and writes prioritized plans any agent can run.
find-animation-opportunitiesFinds places that would benefit from motion, and says what not to animate.
apple-designApple's interface and motion principles from WWDC talks, translated for the web.
mobile-nativeFixes that make a web app feel native on a phone, such as safe areas and the 100vh bug.
break-uiTries to break your UI with long names, empty lists and huge counts.
prototypeBuilds several versions of a UI piece and lets you flip between them with a switcher.

Ten of 14 skills are shown. The rest are animation-vocabulary, pick-ui-library, write-swift and ask-sonner, a guide to the author's Sonner toast library.

A good fit for

  • Front-end developers who want agents to choose better easing, duration and motion properties
  • Designers who ship UI code and want a strict animation review
  • Teams building React Native or Expo apps that need native-feeling motion
  • Projects that use the Sonner toast library, since one skill covers its setup and fixes

Skip it if

  • Back-end or data work, since every skill is about interface design or motion
  • Teams that want a general coding workflow, because these skills cover UI polish only
  • Anyone who expects the skills to replace design skill, as the author says they amplify expertise

How Emil Kowalski's skills works

The README says agents often pick the wrong ingredients for an animation, such as an ease-in curve on an enter animation, or a solid border where a semi-transparent shadow looks better. The skills write those mistakes down so the agent can avoid them.

The author says the skills come from years of experience at companies including Vercel and Linear. pick-ui-library tells the agent to choose from libraries the author uses and trusts, instead of hand-rolling a toast component or installing an abandoned package.

How much context Emil Kowalski's skills uses

All 15 skills34,656 words across every SKILL.md file
Largest skillwrite-swift, 6,053 words
Loaded at startOnly each skill's name and description. The full text loads when a task needs that skill.

Word counts are measured from the repo every day. Reference files a skill loads on demand are not counted.

Is Emil Kowalski's skills still maintained?

Last commit, 1 week ago
Stars gained in 7 days+2,254
Stars gained in 30 daysShown after 30 days of tracking
Open issues and pull requests0
Forks2,821

Tools Emil Kowalski's skills works with

Similar skill packs

Questions about Emil Kowalski's skills

How do I install Emil Kowalski's skills?

Run npx skills@latest add emilkowalski/skills. The README shows no other install route.

Is it free?

Yes. It is MIT licensed.

Does it cover React Native?

Yes. The animate-expo skill applies the same animation rules to React Native and Expo, including gestures, sheets and haptics.

Does it run any code?

No scripts or hooks were found in the repo. The skills are Markdown instructions.

Does it cover Swift?

One skill, write-swift, covers modern Swift, including value types, Swift 6 concurrency, generics and Swift Testing.

Sources

Something wrong or out of date? Email [email protected] with a link to the source. Stats come from the public GitHub API and update every day.

For the maker

Add the badge to your README or site. The number updates every day.

Claim this page
Emil Kowalski's skills is listed on ScratchDB
Light
Emil Kowalski's skills is listed on ScratchDB, dark version
Dark
Markdown[![Emil Kowalski's skills on ScratchDB](https://scratchdb.com/badge/skills/emil-kowalski-skills.svg)](https://scratchdb.com/skills/emil-kowalski-skills/)
Markdown, dark[![Emil Kowalski's skills on ScratchDB](https://scratchdb.com/badge/skills/emil-kowalski-skills.svg?theme=dark)](https://scratchdb.com/skills/emil-kowalski-skills/)
HTML<a href="https://scratchdb.com/skills/emil-kowalski-skills/"><img src="https://scratchdb.com/badge/skills/emil-kowalski-skills.svg" alt="Emil Kowalski's skills on ScratchDB" width="290" height="52"></a>

Sharing on X? Open the share card with the pack's live numbers.

Emil Kowalski's skills: install, what is inside and supported agents | ScratchDB