creating-reanimated-animations
CommunityGenerate performant Reanimated animations for RN.
Software Engineering#react-native#code-generation#gestures#parallax#reanimated#worklets#animation-code
Authorestevg
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Generates ready-to-use React Native Reanimated animation code for a wide range of motion patterns.
Core Features & Use Cases
- Supports both Reanimated v3 and v4, including transitions, gestures, layout animations, and shared-element transitions.
- Auto-detects version from the project's package.json and outputs compatible code and usage guidance.
- Includes real-world patterns such as accordion, bottom sheet, parallax, flip card, and collapsing header.
Quick Start
Describe the animation you want (for example, a parallax header), and I will generate a ready-to-run Reanimated code snippet.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: creating-reanimated-animations Download link: https://github.com/estevg/skills/archive/main.zip#creating-reanimated-animations Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.