·react-native-reanimated
</>

react-native-reanimated

React Native Reanimated 4.x animation patterns. Use when adding animations, transitions, entering/exiting effects, or gesture-driven animations to React Native screens. Replaces Framer Motion for mobile.

20Installs·2Trend·@dralgorhythm

Installation

$npx skills add https://github.com/dralgorhythm/claude-agentic-framework --skill react-native-reanimated

How to Install react-native-reanimated

Quickly install react-native-reanimated AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/dralgorhythm/claude-agentic-framework --skill react-native-reanimated
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: dralgorhythm/claude-agentic-framework.

SKILL.md

View raw

UI-thread animation library for React Native. Reanimated 4.x runs animations on the native UI thread for guaranteed 60fps performance, replacing Framer Motion for mobile applications. Provides shared values, animated styles, declarative entering/exiting transitions, and gesture integration.

Install: pnpm add react-native-reanimated (included with Expo SDK 54+)

| Fast | 150ms | Micro-interactions, haptic responses | | Normal | 300ms | Default transitions, entering | | Slow | 500ms | Emphasis, screen transitions | | Stagger offset | 50ms per item | List item reveals |

React Native Reanimated 4.x animation patterns. Use when adding animations, transitions, entering/exiting effects, or gesture-driven animations to React Native screens. Replaces Framer Motion for mobile. Source: dralgorhythm/claude-agentic-framework.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/dralgorhythm/claude-agentic-framework --skill react-native-reanimated
Category
</>Dev Tools
Verified
First Seen
2026-03-01
Updated
2026-03-10

Browse more skills from dralgorhythm/claude-agentic-framework

Quick answers

What is react-native-reanimated?

React Native Reanimated 4.x animation patterns. Use when adding animations, transitions, entering/exiting effects, or gesture-driven animations to React Native screens. Replaces Framer Motion for mobile. Source: dralgorhythm/claude-agentic-framework.

How do I install react-native-reanimated?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dralgorhythm/claude-agentic-framework --skill react-native-reanimated Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/dralgorhythm/claude-agentic-framework

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-03-01

Related Skills

None