Skip to content
All skills

/animate-expo

Animate Expo

Builds animations in React Native and Expo with the same bar as other skills. Made in collaboration with the Expo team.

Updated September 15, 2026

What it does

  • Asks whether it should animate first, using the same frequency table as the web skills
  • Reaches for the platform primitives before code: native stack transitions, form sheets, and native tabs
  • Runs motion on the UI thread with Reanimated, and hands gestures to springs with their velocity
  • Adds haptics where they confirm something, and degrades cleanly under reduced motion

When to use it

When you’re animating anything in an Expo or React Native app.

What the skill changed

The same quick flick on the top card. Without the skill, PanResponder drives the card from the JavaScript thread, so it trails the finger, and it only dismisses past half its width, so a fast short flick won’t dismiss it.

With it, Gesture.Pan() keeps the card under the finger, the flick’s velocity decides that it’s gone, a light haptic (drawn as ticks beside the phone) lands as it is dismissed, and the cards below close the gap.

Example prompts

You don’t need special wording. Describe the problem the way you’d describe it to a teammate. Here are some more to try on your own product.

The course behind these skills

These skills come from what I teach in AI for UI. Join the waitlist to get two lessons and be the first to know when enrollment reopens on December 8.