emilkowalski/skills: 15 Agent Skills
Skills for Designers and Engineers.
| Repository | emilkowalski/skills · website |
|---|---|
| GitHub stars | 48,837 |
| Skills | 15 |
| Category | Software engineering |
| License | MIT |
| Last updated | Oct 11, 2026 |
| Install counts | emilkowalski/skills on skills.sh, Vercel's skills directory, which shows installs and security audits per skill |
Install emilkowalski/skills
| All skills, any agent | npx skills add emilkowalski/skills |
|---|---|
| One skill | npx skills add emilkowalski/skills --skill animate-expo |
| Only for Claude Code | npx skills add emilkowalski/skills -a claude-code, or copy a skill folder to ~/.claude/skills/ (all projects) or .claude/skills/ (one project) |
npx skills is the open-source skills CLI; it asks which agents to install for. Skills can include scripts that your agent will run: read a skill before installing it, as you would any code.
Skills in emilkowalski/skills
| Skill | What it does |
|---|---|
| animate-expo | Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture…npx skills add emilkowalski/skills --skill animate-expo |
| animate | Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate…npx skills add emilkowalski/skills --skill animate |
| animation-performance | Keep web animations inside the frame budget — animate composite-only properties, keep motion off the main thread when the page is busy, and find the cause when an animation drops frames. Covers the layout/paint/composite pipeline, cheaper property swaps, CSS vs WAAPI vs requestAnimationFrame,…npx skills add emilkowalski/skills --skill animation-performance |
| animation-vocabulary | Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without…npx skills add emilkowalski/skills --skill animation-vocabulary |
| apple-design | Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing,…npx skills add emilkowalski/skills --skill apple-design |
| ask-sonner | Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and icons, positioning and multiple toasters. Use when working with Sonner or troubleshooting it —…npx skills add emilkowalski/skills --skill ask-sonner |
| break-ui | Try to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fields, huge counts, zero items, long labels, non-Latin text, emoji, extreme numbers — then render it behind a "Demo data / Worst case" toggle and report everything that broke, with…npx skills add emilkowalski/skills --skill break-ui |
| emil-design-eng | This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.npx skills add emilkowalski/skills --skill emil-design-eng |
| find-animation-opportunities | Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing…npx skills add emilkowalski/skills --skill find-animation-opportunities |
| improve-animations | Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to…npx skills add emilkowalski/skills --skill improve-animations |
| mobile-native | Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers sticky hover states, tap highlight flashes, the 100vh bug, inputs that zoom the page, laggy taps, pull-to-refresh hijacking scroll, content…npx skills add emilkowalski/skills --skill mobile-native |
| pick-ui-library | Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly invoked; it does not trigger on its own.npx skills add emilkowalski/skills --skill pick-ui-library |
| prototype | Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own.npx skills add emilkowalski/skills --skill prototype |
| review-animations | Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.npx skills add emilkowalski/skills --skill review-animations |
| write-swift | How to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors, task groups), protocols and generics (some vs any), API design, performance and ARC, Swift Testing, macros, and the modern language…npx skills add emilkowalski/skills --skill write-swift |
Names and descriptions come from each skill's SKILL.md and are written by the pack's authors.
More software engineering skill packs
| # | Skill pack | Skills | GitHub stars | Updated |
|---|---|---|---|---|
| 1 |
obra/superpowers An agentic skills framework & software development methodology that works.
|
15 | 304K | 2026-10-23 |
| 2 |
mattpocock/skills Skills for Real Engineers. Straight from my .agents directory.
|
38 | 301K | 2026-10-22 |
| 3 |
multica-ai/andrej-karpathy-skills A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
|
1 | 223K | 2026-04-20 |
| 4 |
DietrichGebert/ponytail Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
|
6 | 174K | 2026-10-18 |
| 5 |
Shubhamsaboo/awesome-llm-apps 100+ AI Agents, Agent Skills and RAG Apps - Free and Open Source.
|
10 | 143K | 2026-10-22 |
| 6 |
addyosmani/agent-skills Production-grade engineering skills for AI coding agents.
|
25 | 110K | 2026-10-13 |