Description
animate-expo is an agent skill for building animations in React Native and Expo, so that they feel right on a real device. It follows three facts about mobile. There is no hover, so every affordance must live in press, position or nothing. There are two runtimes: the React Native runtime, where React renders and app logic runs, and the UI runtime, where worklets run every frame in Reanimated 4, so motion must stay on the UI runtime to avoid stutters. And the user's finger is on the element, so interruptibility and velocity handoff from gestures are part of the baseline. Use it when you are building motion for a React Native or Expo app and need it to survive review on a real phone rather than a simulator or a flagship device in development mode. It is part of the emilkowalski/skills repository on GitHub, which has about 46,200 stars. The listing shows it as free, and it has about 112,500 installs. Its security audits show passes from Gen Agent Trust Hub, Socket and Snyk. Install it with npx skills add https://github.com/emilkowalski/skills --skill animate-expo.…
Highlights
- Motion on the UI runtime with Reanimated 4
- Gesture interruptibility and velocity handoff
- No hover, so press and position carry affordances
- Tested on real devices
- Separate from the web animation skills
Ratings & Reviews
No ratings yet
Be the first to rate animate-expo.
People also visit
animate-expo FAQ
Why are there two runtimes?
React renders in the React Native runtime, while worklets run every frame in the UI runtime. Motion should stay on the UI runtime.
What replaces hover on mobile?
Press, position or nothing, since there is no hover.
Is it for the simulator?
No. It aims for motion that holds up on a real device.
How do I install it?
Run npx skills add https://github.com/emilkowalski/skills --skill animate-expo.
Is it checked for security?
Its security audits show passes from Gen Agent Trust Hub, Socket and Snyk.
What are the best animate-expo alternatives?
Popular alternatives to animate-expo include react-native-patterns, eas-update-insights and react-native-design. See all animate-expo alternatives