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
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, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use `animate`.
Install
Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.
$ npx skills add emilkowalski/skills --skill animate-expoNeeds Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.
How to use Animate Expo
Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name. In Claude Code you can also run it directly by typing /animate-expo.
It contains no scripts, only instructions and reference files, so it can't run code on its own.
What the instructions cover
- 1Initial Response
- 2Operating Posture
- 3Hard Rules
- 4The Build Sequence
- 5Setup that silently breaks motion
- 6120fps
- 7Recipes
- 8Never Ship
- 9Output
- 10Tone
Section headings from the skill's SKILL.md file.
What's inside · 2 files
- RECIPES.md
- SKILL.md
More from Emil Kowalski
See all →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
More Claude skills for mobile app development
See all →Vercel React Native Skills
React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or…
Mobile
Vercel34k
Mobile Android Design
Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's…
Mobile
Seth Hobson42k
Mobile iOS Design
Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow…
MobileSeth Hobson42k
React Native Architecture
Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native…
MobileSeth Hobson42k