skills
Build polished UI animations and interfaces with expert design judgment
All Skills in This Repository (12)
Pure Emerald Level Indicators
emilkowalskireview-animations
Review animation and motion code for craft regressions.
emilkowalskiemil-design-eng
Review UI motion, easing, and interaction design for polish.
emilkowalskipick-ui-library
Recommends curated frontend libraries for UI tasks like toasts, charts, drag and drop, and state management.
emilkowalskianimate
Builds UI animations from scratch with correct easing, duration, properties, and interruption handling.
emilkowalskifind-animation-opportunities
Scans a codebase for UI moments that would benefit from motion and proposes exact animation recipes.
emilkowalskiimprove-animations
Audits codebase animation code and generates prioritized, self-contained implementation plans.
emilkowalskiprototype
Builds multiple divergent UI variants behind a keyboard-driven picker for live comparison and selection.
emilkowalskiwrite-swift
Guides writing, reviewing, and migrating modern Swift code with Swift 6 concurrency and value-type modeling.
emilkowalskiask-sonner
Guides setup, usage, styling, and troubleshooting of the Sonner React toast library.
emilkowalskiapple-design
Applies Apple's fluid interface and spring animation principles to web UI development.
emilkowalskianimation-vocabulary
Maps vague descriptions of motion effects to precise animation terminology.
emilkowalskianimate-expo
Builds gesture-driven animations for React Native and Expo apps using Reanimated and Gesture Handler.
Frequently Asked Questions
FAQPage SchemaHow to install emilkowalski skills?▼
Run `npx skills add emilkowalski/skills --all -g -y` in your terminal to install the full suite globally.
How to make AI-generated animations feel right?▼
These skills give your AI agent exact easing curves, durations, and spring configs, plus rules for when not to animate at all.
Can AI review my animation code?▼
Yes. The review-animations and improve-animations skills audit your motion code against strict craft standards and produce prioritized fix plans.
Does it work with React Native and Expo?▼
Yes. The animate-expo skill covers gestures, sheets, haptics, and screen transitions while keeping motion off the JS thread.
Do I need design experience to use these skills?▼
No. The skills encode years of design expertise from Vercel and Linear, so your AI agent makes tasteful decisions from plain-English requests.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video