GitHub - emilkowalski/skills: Skills for Design Engineers.

Nick Test

Ask a question

Skills for Design Engineers. Contribute to emilkowalski/skills development by creating an account on GitHub.

Featured in

Things

@nick-test

Uploaded: Uploaded Jul 18, 2026
File type: TXT
Queried: 00
Source: github.com

Full document

Showing the full document.

Search code, repositories, users, issues, pull requests...

Clear

Search syntax tips

Provide feedback

We read every piece of feedback, and take your input very seriously.

Include my email address so I can be contacted

Cancel Submit feedback

Saved searches

Use saved searches to filter your results more quickly

Name

Query

To see all available qualifiers, see our documentation.

Cancel Create saved search

Appearance settings

Resetting focus

You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert

emilkowalski/skillsPublic

Notifications You must be signed in to change notification settings
Fork 885
Star 16.3k
Code
Issues 2
Pull requests 2
Actions
Projects
Security and quality 0
Insights

Additional navigation options

Code
Issues
Pull requests
Actions
Projects
Security and quality
Insights

emilkowalski/skills

main

3Branches0Tags

Go to file

Code

Open more actions menu

Folders and files

Name	Name	Last commit message	Last commit date
## Latest commit emilkowalski Update README.md Jul 15, 2026 6bf2443·Jul 15, 2026 ## History 37 Commits Open commit details 37 Commits
skills	skills	/find-animation-opportunities (#11)	Jul 15, 2026
.gitignore	.gitignore	init	Mar 16, 2026
LICENSE	LICENSE	Fix nits	Jul 9, 2026
README.md	README.md	Update README.md	Jul 15, 2026
View all files

Repository files navigation

README
MIT license

More items

Image 2: opengraph-image-pwu6ef

Skills For Design Engineers

Image 3: 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:

Install

undefinedshell npx skills@latest add emilkowalski/skills undefined

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.

All these little 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

emil-design-eng — The main skill that consists of mostly animation, but also some design advice.
review-animations — Review your animations in a strict way, based on my rules.
improve-animations — Audit all the animations in your codebase and get prioritized, self-contained plans that any agent can execute.
find-animation-opportunities — Search your UI for places that would genuinely benefit from motion, while also telling you what not to animate.
animation-vocabulary — Get better animations from an AI by telling it exactly what you want by using the right words.
apple-design — Apple's principles for interface design and fluid motion, distilled from their WWDC design talks and translated for the web.

Improve animations

Inspired by shadcn/improve: use your most capable model to audit animations in your project and hand the execution to cheaper models. improve-animations surveys your whole codebase (not a single diff), audits it across eight categories (purpose & frequency, easing & duration, physicality, interruptibility, performance, accessibility, cohesion, missed opportunities), and presents a prioritized findings table. Pick the ones you want, and it writes self-contained plans into plans/ — exact files, exact curves, exact durations, plus a feel check — that another agent can execute without any context or taste of its own. It never touches your source code itself.

> improve the animations in this codebase
> improve-animations quick        # hotspots only
> improve-animations performance  # one category
> improve-animations plan add press feedback to all buttons
> improve-animations execute plans/001-fix-dropdown-easing.md

About

Skills for Design Engineers.

emilkowal.ski/skill

Resources

Readme

License

MIT license

Uh oh!

There was an error while loading. Please reload this page.

Activity

Stars

16.3k stars

Watchers

58 watching

Forks

885 forks

Report repository

Releases

No releases published

Packages 0

No packages published

Contributors 3

emilkowalskiEmil Kowalski
claudeClaude
CommanderClaude

Footer

Footer navigation

Terms
Privacy
Security
Status
Community
Docs
Contact
Manage cookies
Do not share my personal information

You can’t perform that action at this time.

Want to learn more?

Ask about this document