skills README

The project's README from github.com/emilkowalski/skills. As one markdown file: README.md.

opengraph-image-pwu6ef

Skills For Designers and Engineers

skills.sh

For designers and engineers to help them build better user interfaces.

Knowing whether you made a right choice when it comes to animations, or design in general, is hard. These skills aim to help you get to those right decisions faster.

They are based on my years of experience working at companies like Vercel and Linear.

All the skills here are a side-effect of domain-expertise. AI doesn’t replace such expertise, it amplifies what you can get out of it and makes you way better relative to others.

So learn to code, design, or develop expertise in any other field. It’s extremely valuable.

You can stay up to date with my skills here:

Sign Up To The Newsletter

Install

npx skills@latest add emilkowalski/skills

Why use it?

Agents don’t have great taste

I have seen plenty of times that agents don’t pick the right ingredients for an animation. An ease-in easing for an enter animation when it’s supposed to be ease-out (here’s why). Or they choose a solid border instead of a semi-transparent shadow for your UIs.

All these small things compound and make your interface either amazing, or just... not that great.

As explained in Agents with Taste, these skills list all the little mistakes agents can potentially make and explain how to fix them.

This is your shortcut to great interfaces. A shortcut to stand out in a sea of slop.

Reference

skills (emilkowalski/skills)

Searching Database…

47K ·GitHub
What is this?A collection of AI agent skills for designers and engineers that teach coding agents good judgment about animation and UI design, drawn from the author's experience at Vercel and Linear.
Is this a single tool or a bundle of separate skills?It's a bundle of individual skill files (like animate, review-animations, apple-design, ask-sonner) that an AI coding agent reads and applies to specific tasks, not one monolithic app.
How do I install these skills?The README has an Install section, but it doesn't spell out an exact command in the text provided; in practice you add the skill folder you need (for example 'animate' or 'write-swift') to your AI agent's skills directory.
Will using these skills guarantee better results on its own?No — they're reference guidelines the agent has to actually read and follow (e.g. choosing ease-out over ease-in for an enter animation); the author is explicit that AI amplifies expertise rather than replacing it.
Who is this meant for?Designers and engineers who work with AI coding agents and want those agents to make better taste-driven decisions on animation and interface details, based on patterns the author used at Vercel and Linear.
What does the review-animations skill do?It reviews animations already in your codebase in a strict way, checking them against the author's rules for easing, duration, and properties.
Does this cover React Native apps too?Yes — animate-expo adapts the same animation rules for React Native and Expo, covering gestures, sheets, haptics, screen transitions, and keeping motion off the JS thread.
What is ask-sonner for?It's a dedicated skill for working with Sonner, the author's toast library, covering setup, styling, recipes, and fixes for common issues.
Where should I start if I just want better animations fast?The emil-design-eng skill is described as the main, broadest skill, mostly covering animation plus some general design advice, so it's a reasonable starting point.
Size
0.1 MB
Stars
47K
Updated
CommitOct 11
Age
7mo
Commits · 90 Days