react-native-reanimated とは?
React Native Reanimated 4.x アニメーション パターン。アニメーション、トランジション、エフェクトの開始/終了、またはジェスチャー駆動のアニメーションを React Native 画面に追加するときに使用します。モバイル用の Framer Motion を置き換えます。 ソース: dralgorhythm/claude-agentic-framework。
React Native Reanimated 4.x アニメーション パターン。アニメーション、トランジション、エフェクトの開始/終了、またはジェスチャー駆動のアニメーションを React Native 画面に追加するときに使用します。モバイル用の Framer Motion を置き換えます。
コマンドラインで react-native-reanimated AI スキルを開発環境にすばやくインストール
ソース: dralgorhythm/claude-agentic-framework。
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 アニメーション パターン。アニメーション、トランジション、エフェクトの開始/終了、またはジェスチャー駆動のアニメーションを React Native 画面に追加するときに使用します。モバイル用の Framer Motion を置き換えます。 ソース: dralgorhythm/claude-agentic-framework。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/dralgorhythm/claude-agentic-framework --skill react-native-reanimatedBrowse more skills from dralgorhythm/claude-agentic-framework
React Native Reanimated 4.x アニメーション パターン。アニメーション、トランジション、エフェクトの開始/終了、またはジェスチャー駆動のアニメーションを React Native 画面に追加するときに使用します。モバイル用の Framer Motion を置き換えます。 ソース: dralgorhythm/claude-agentic-framework。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dralgorhythm/claude-agentic-framework --skill react-native-reanimated インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/dralgorhythm/claude-agentic-framework