skills
Build polished UI animations and interfaces with expert design judgment
All Skills in This Repository (13)
Pure Emerald Level Indicatorsimprove-animations
Audits codebase animation code and generates prioritized, self-contained implementation plans.
animation-vocabulary
Maps vague descriptions of motion effects to precise animation terminology.
pick-ui-library
Recommends curated frontend libraries for UI tasks like toasts, charts, drag and drop, and state management.
prototype
Builds multiple divergent UI variants behind a keyboard-driven picker for live comparison and selection.
write-swift
Guides writing, reviewing, and migrating modern Swift code with Swift 6 concurrency and value-type modeling.
review-animations
Review animation and motion code for craft regressions.
animate
Builds UI animations from scratch with correct easing, duration, properties, and interruption handling.
apple-design
Applies Apple's fluid interface and spring animation principles to web UI development.
mobile-native
Applies CSS and meta-tag fixes that make web apps feel native on mobile devices.
emil-design-eng
Review UI motion, easing, and interaction design for polish.
ask-sonner
Guides setup, usage, styling, and troubleshooting of the Sonner React toast library.
animate-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→ui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
ui
Build and customize beautiful React component libraries with AI
open-design
Open-source AI design studio for decks, prototypes, images, and video