Updated 4d ago
by emilkowalski
skills
Skills for Designers and Engineers.
46.5k GitHub stars (46,507)
+5.2k in 20 days
| Period | New stars |
|---|---|
| Sep 27–28 (2 days) | +228 |
| Sep 29 | +175 |
| Sep 30 | +709 |
| Oct 1–2 (2 days) | +332 |
| Oct 3 | +155 |
| Oct 4 | +142 |
| Oct 5 | +347 |
| Oct 6 | +332 |
| Oct 7 | +252 |
| Oct 8 | +193 |
| Oct 9 | +296 |
| Oct 10 | +355 |
| Oct 11 | +279 |
| Oct 12 | +339 |
| Oct 13 | +333 |
| Oct 14 | +260 |
| Oct 15 | +281 |
| Oct 16 | +235 |
- 13 skills (13 skills found in its SKILL.md files)
- 2.7k forks (2,666 forks)
- 4d ago last update (Last updated 4d ago)
Install
Skills CLI
npx skills add emilkowalski/skills
Asks which skills and agents to install. Just one: npx skills add emilkowalski/skills --skill animate-expo — add -g for every project.
Claude Code
git clone https://github.com/emilkowalski/skillscp -r "skills/skills/animate-expo" ~/.claude/skills/
Copies the animate-expo skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add emilkowalski/skills
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
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 Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheet…
skills/animate-expo/SKILL.md on GitHub (opens in a new tab) -
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 something, add motion, make a component feel alive, or build a transition. For critiquing existing motion use…
skills/animate/SKILL.md on GitHub (opens in a new tab) -
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 knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not d…
skills/animation-vocabulary/SKILL.md on GitHub (opens in a new tab) -
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, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behi…
skills/apple-design/SKILL.md on GitHub (opens in a new tab) -
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 — toasts that don't appear, appear twice, lose their styles, ignore Tailwind classes, sit behind a modal, or…
skills/ask-sonner/SKILL.md on GitHub (opens in a new tab) -
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.
skills/emil-design-eng/SKILL.md on GitHub (opens in a new tab) -
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 animations, use improve-animations or review-animations instead.
skills/find-animation-opportunities/SKILL.md on GitHub (opens in a new tab) -
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 "improve the animations", "audit the motion", "make this app feel better", or wants a roadmap of animat…
skills/improve-animations/SKILL.md on GitHub (opens in a new tab) -
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 under the notch, long-press selecting button text, carousels that scroll the wrong way, mismatched stat…
skills/mobile-native/SKILL.md on GitHub (opens in a new tab) -
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.
skills/pick-ui-library/SKILL.md on GitHub (opens in a new tab) -
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.
skills/prototype/SKILL.md on GitHub (opens in a new tab) -
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.
skills/review-animations/SKILL.md on GitHub (opens in a new tab) -
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 features agents don't know about yet. Use when writing, reviewing, or migrating Swift, or when a concurrency…
skills/write-swift/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.