animating-react-native-expo — Claude Code skill for RN motion

What animating-react-native-expo does

The skill gives the agent a working order for motion in native UI. The driver decides the tool: state changes go through CSS transitions, mount and reflow through layout animations, while gestures, scrolling and physics use shared values and worklets. Business state stays in React, and per-frame values stay out of renders.

Before installing anything, the agent reads package and lock files, the native architecture config and the components involved. The skill targets Reanimated 4 and RNGH 3. On an older stack you either plan a supported upgrade or stay inside the installed API; mixing API generations and adding compatibility wrappers is off the table. In Expo, versions resolve through the SDK rather than by bumping every native package on its own. Checking motion on real hardware means a device or simulator build, and the old string-matching setup checker is gone.

Accessibility gets its own section. The system reduced-motion policy is honoured in timing, springs, layout and CSS. useReducedMotion() reports the setting captured at startup and does not track later changes, so a live reaction needs the app's AccessibilityInfo subscription with the listener removed on cleanup. Drag and swipe interactions need a non-gesture alternative, and labels, focus and hit targets stay intact. Decorative loops and frame callbacks stop when the view unmounts, leaves the screen or the app goes to background.