creating-reanimated-animations

Yes, you can build shared element transitions and layout animations in Reanimated v3 and v4 projects. The Skill inspects your project's package.json to auto-detect the version and outputs compatible animation code.

You can generate Reanimated patterns for React Native gestures and transitions including accordions, bottom sheets, flip cards, and shared-element transitions. The Skill provides ready-to-use code snippets for these real-world motion patterns.

Yes, this works with both Reanimated v3 and v4 for building worklet-based animations. It automatically detects your project version from package.json to ensure the generated animation code is fully compatible.

The best way to create a React Native bottom sheet animation with Reanimated is to specify the pattern you need. The Skill generates performant, ready-to-use code snippets utilizing worklets and gestures for smooth scroll-linked effects.

A limitation when generating Reanimated code for shared element transitions is that the Skill requires inspecting your project's package.json first. It outputs compatible code based on the detected Reanimated v3 or v4 version.