This skill helps developers generate efficient animation code using React Native Reanimated. It supports both version 3 and version 4 of the library, catering to various project architectures.
$ npx skills add https://github.com/estevg/skills --skill creating-reanimated-animationsThis skill provides comprehensive guidance for creating performant animations in React Native using Reanimated, supporting both v3 and v4. It includes core animation patterns, API references, and real-world component examples like accordions, bottom sheets, and parallax scrolling. The skill automatically activates when you ask about React Native animations, gestures, transitions, or layout effects, offering step-by-step patterns for timing, spring, decay, and sequenced animations. Developers benefit from version-aware recommendations, gesture handler integration patterns, and worklet usage guidance that adapts to their project architecture.
Install using the given npx command and follow the setup instructions for the appropriate Reanimated version.
Create animations for React Native apps
Support both legacy and new architecture projects
Improve performance of animations with optimized code
$ npx skills add https://github.com/estevg/skills --skill creating-reanimated-animationsgit clone https://github.com/estevg/skillsCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
Check the GitHub repository or documentation for usage examples.
Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan