Here's the uncomfortable truth about AI coding agents in 2026: they can write functional code, but they rarely have **good design taste**. Ask an agent to animate a button, and it might pick an `ease-in` curve for an enter animation (it should be `ease-out`). Ask it to style a card, and it might use a solid border instead of a subtle semi-transparent shadow. These small mistakes compound — and suddenly your interface feels... off.
That's the problem Emil Kowalski Skills solves. With **45.1k GitHub stars** and 2.6k forks, it's one of the most popular AI skill collections for designers and engineers — and it's built by someone who knows design: Emil Kowalski, a former designer and engineer at **Vercel** and **Linear**.
In this guide, we break down all 12 skills, explain how to install them, and show you how to use them to give your AI agent the design taste it's missing. Before we dive in, check out the Emil Kowalski Skills detail page on PromptWisp, browse our full AI Skills directory, and explore our AI Tools directory for more design and development tools.
What Are Emil Kowalski Skills?
Emil Kowalski Skills is a collection of 12 specialized AI skills designed to help agents make better design and engineering decisions. Each skill is a side-effect of real domain expertise — years of building interfaces at Vercel and Linear, where every pixel and every millisecond of animation matters.
The core philosophy is simple: **AI doesn't replace expertise — it amplifies it**. These skills list all the little mistakes agents can potentially make and explain how to fix them. They're your shortcut to great interfaces, and your shortcut to standing out in a sea of AI-generated slop.
**Key Insight:** The skills work with Claude and other AI agents that support the skills format. Install them once, and every agent you use will have access to the same design expertise.
The 12 Skills, Explained
Let's go through each skill and understand what it does, when to use it, and why it matters.
1. emil-design-eng — The Main Skill
This is the flagship skill — a comprehensive collection of mostly animation advice, but also general design guidance. If you only install one skill from this collection, make it this one. It covers easing curves, duration, properties, spacing, typography, and the subtle details that separate a good interface from a great one.
2. animate — Build Animations From Scratch
The `animate` skill helps your agent build animations from scratch while choosing the correct curve, duration, properties, and more. Instead of guessing whether to use `ease-in` or `ease-out`, the agent will know exactly which curve is appropriate for each type of animation — enter, exit, emphasis, or transition.
3. animate-expo — React Native & Expo Animations
The same high bar as `animate`, but for React Native and Expo. This skill covers gestures, bottom sheets, haptics, screen transitions, and — crucially — keeping motion off the JS thread for smooth 60fps performance. If you're building mobile apps with React Native, this skill is essential.
4. review-animations — Strict Animation Review
Submit your animations to a strict, rule-based review based on Emil's principles. The skill will identify wrong easing curves, incorrect durations, jarring transitions, and missed opportunities for polish. It's like having a senior design reviewer on call 24/7.
5. improve-animations — Audit Your Entire Codebase
This skill audits all the animations in your codebase and returns prioritized, self-contained improvement plans that any agent can execute. Instead of vague advice like 'make the animations better,' you get specific, actionable items ranked by impact and effort.
6. find-animation-opportunities — Where to Add Motion
Not every element needs animation. This skill searches your UI for places that would genuinely benefit from motion — while also telling you what **not** to animate. It's the antidote to the common AI mistake of adding animations to everything, which creates visual noise and hurts usability.
7. animation-vocabulary — Speak the Right Language
One of the biggest reasons AI generates bad animations is that users don't know how to describe what they want. 'Make it smooth' means different things to different people. The `animation-vocabulary` skill teaches you the right words to use — easing, stagger, overshoot, spring, damping — so you can get exactly the animation you want from any AI.
8. apple-design — Apple's Design Principles
Apple's interface design and fluid motion principles, distilled from their WWDC design talks and translated for the web. This skill covers depth, hierarchy, clarity, deference, and the subtle use of motion to guide attention. If you want your web app to feel as polished as an iOS app, this skill is for you.
9. write-swift — Modern Swift Development
Write modern Swift with confidence. This skill covers value types, Swift 6 concurrency, generics, performance optimization, and Swift Testing. Whether you're building an iOS app, a macOS utility, or a server-side Swift service, this skill helps you write idiomatic, performant Swift code.
10. pick-ui-library — Choose the Right Library
AI agents have a bad habit of either hand-rolling everything (reinventing the toast component) or installing abandoned packages (that npm package with 3 weekly downloads). The `pick-ui-library` skill helps your agent pick the right library for the task based on libraries Emil uses and trusts — so you get battle-tested, well-maintained dependencies.
11. prototype — Rapid Prototyping
Build quick, high-fidelity prototypes that feel real. This skill helps you iterate fast, test ideas, and communicate design decisions with stakeholders. Instead of spending days on a prototype that gets thrown away, you can build something polished in hours.
12. Additional Skills
The collection is actively maintained and new skills are added regularly. Check the GitHub repository for the complete and up-to-date list. You can also explore our AI Prompts directory for ready-to-use design and animation prompts, and browse our AI Workflows directory for step-by-step automation templates.
How to Install Emil Kowalski Skills
Installation is straightforward using the `skills` CLI. Run this command in your project directory:
```bash npx skills@latest add emilkowalski/skills ```
This will install all 12 skills into your project's `.claude/skills/` directory (or equivalent, depending on your agent). Once installed, Claude and other supported agents will automatically discover and use the skills when relevant.
For more detailed installation instructions and troubleshooting, visit the Emil Kowalski Skills page on PromptWisp, which includes step-by-step guides and tips for getting the most out of each skill.
Why These Skills Work
There are plenty of AI skill collections on GitHub — but few have reached 45k stars. Here's why Emil's collection stands out:
- **Built on real production experience** — Every skill is based on years of building interfaces at Vercel and Linear, companies known for their design quality. This isn't theoretical advice — it's battle-tested in production.
- **Specific, not vague** — Instead of saying 'make the animation better,' the skills say 'use an ease-out curve with 200ms duration for enter animations, and ease-in with 150ms for exits.' Specificity is what makes AI output usable.
- **Addresses common AI mistakes** — The skills are built around the actual mistakes agents make: wrong easing curves, solid borders instead of shadows, excessive animations, hand-rolled components. They fix the root cause, not the symptoms.
- **MIT licensed** — Free to use in personal and commercial projects, no strings attached.
- **Actively maintained** — New skills are added regularly, and existing skills are updated as design trends and best practices evolve.
Real-World Use Cases
Building a New Product
When you're building a new product from scratch, use `emil-design-eng` as your default design advisor, `pick-ui-library` to choose dependencies, `animate` to build interactions, and `prototype` to iterate quickly. The result: a product that feels polished from day one, without hiring a senior designer.
Refactoring an Existing Codebase
If you're working with an existing codebase that feels clunky or outdated, run `improve-animations` to get a prioritized list of animation improvements, `review-animations` to audit specific components, and `find-animation-opportunities` to discover where motion would add value. You'll be surprised how much difference small animation tweaks make.
Mobile App Development
For React Native and Expo projects, `animate-expo` is essential. It ensures your animations stay on the native thread, your gestures feel natural, and your bottom sheets and screen transitions match platform conventions. Pair it with `write-swift` if you're building native iOS components.
Final Verdict
If you're using AI agents to build interfaces — and let's be honest, who isn't in 2026? — Emil Kowalski Skills is the single most valuable installation you can make. It doesn't just make your agent better at design; it gives your agent the **taste** that most AI output is missing.
The difference between an interface built with these skills and one built without is immediately noticeable. The animations feel right. The spacing is correct. The components are appropriate. It's the difference between 'this was built by an AI' and 'this was built by someone who cares about design.'
**Bottom line:** Install Emil Kowalski Skills today. Your interfaces — and your users — will thank you. Start with `npx skills@latest add emilkowalski/skills`, then explore the Emil Kowalski Skills detail page for guides, tips, and examples. And while you're at it, browse our full AI Skills directory for more curated skill collections.
*Last updated: October 2026. Skill availability, features, and installation methods are subject to change — verify current details on the official GitHub repository.*
