@emilkowalski
Covers design principles, including UI refinement and component design, with the work emil-design-eng.
All Skills by @emilkowalski
apple-design
by @emilkowalski
This Skill distills Apple's fluid interface design principles (instant response, direct manipulation, interruptible animations, spring dynamics) into web-implementable methods. It's used for building gesture-driven UI, spring animations, drag/swipe/sheet interactions, and reproducing Apple-style visual feedback and spatial consistency, helping designers and developers create interfaces that feel as natural and intuitive as the physical world.
animation-vocabulary
by @emilkowalski
This Skill is a reverse-lookup glossary that turns vague descriptions of web animations or motion effects into exact terms. Use it when you see a motion but don't know its name, helping you communicate precisely with designers or AI tools.
improve-animations
by @emilkowalski
This skill acts as a senior motion advisor, surveying a codebase's animation and motion code, then producing a prioritized audit and self-contained implementation plans for other agents or cheaper models to execute. It is read-only on source code and does not apply fixes; use it when the user wants to improve animations, audit motion, or get a roadmap of animation fixes.
find-animation-opportunities
by @emilkowalski
Search a codebase or UI for places that don't animate but should, and propose precise animation recipes. It filters with restraint, suggesting motion only where it genuinely improves the experience, helping designers and developers create polished interfaces without over-animating.
pick-ui-library
by @emilkowalski
Given a frontend task (e.g., toasts, drag and drop, charts), recommends the right UI library from a curated, opinionated list. Helps developers make quick, informed decisions and avoid dependency misalignment, saving research time and ensuring use of proven libraries.
animate-expo
by @emilkowalski
This skill builds smooth animations in React Native and Expo apps, guiding developers through ordered decisions: whether to animate, which thread, which properties, spring or timing, gesture handoff, and degradation. It implements with Reanimated, Gesture Handler, Expo Router, and expo-haptics. The value is avoiding dropped frames and ensuring motion feels stable on real devices, for screen transitions, gestures, sheets, press feedback, and haptics.
emil-design-eng
by @emilkowalski
Encodes Emil Kowalski's design philosophy regarding UI refinement, component design, and more.
review-animations
by @emilkowalski
This skill specializes in reviewing animation and motion code against a high craft bar, ensuring adherence to Emil Kowalski's design engineering philosophy. It identifies animations that fall short of quality standards, significantly enhancing user experience and interface fluidity.