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…
Design & UI
Emil Kowalski54k
Publisher
Emil Kowalski skills for Claude
- emilkowalski/skills
Skills for Designers and Engineers.
54k starsMIT17 skills
Maintain emilkowalski/skills?
Add the badge to your README so people can find the install steps.
[](https://www.stealit.xyz/publishers/emilkowalski)
All 17 skills from Emil Kowalski
17 skills
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…
MobileEmil Kowalski54k
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…
Design & UIEmil Kowalski54k
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…
Design & UIEmil Kowalski54k
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…
Design & UIEmil Kowalski54k
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…
Design & UIEmil Kowalski54k
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…
Design & UIEmil Kowalski54k
Choreograph
Coordinate several elements that animate together — decide what moves, in what order, how much they overlap, and what stays still — so a group reads as one intentional motion…
Design & UIEmil Kowalski54k
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.
Design & UIEmil Kowalski54k
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…
Design & UIEmil Kowalski54k
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…
Design & UIEmil Kowalski54k
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…
MobileEmil Kowalski54k
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…
Design & UIEmil Kowalski54k
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…
Design & UIEmil Kowalski54k
Remove Animations
Find the animations an interface doesn't need and remove them — motion on keyboard actions, high-frequency surfaces, functional data, and decoration with no purpose — then clean…
Design & UIEmil Kowalski54k
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.
Design & UIEmil Kowalski54k
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)…
MobileEmil Kowalski54k