·react-native-reanimated
</>

react-native-reanimated

React Native Reanimated 4.x アニメーション パターン。アニメーション、トランジション、エフェクトの開始/終了、またはジェスチャー駆動のアニメーションを React Native 画面に追加するときに使用します。モバイル用の Framer Motion を置き換えます。

20インストール·2トレンド·@dralgorhythm

インストール

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

react-native-reanimated のインストール方法

コマンドラインで react-native-reanimated AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/dralgorhythm/claude-agentic-framework --skill react-native-reanimated
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: 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-reanimated
カテゴリ
</>開発ツール
認証済み
初回登録
2026-03-01
更新日
2026-03-10

Browse more skills from dralgorhythm/claude-agentic-framework

クイックアンサー

react-native-reanimated とは?

React Native Reanimated 4.x アニメーション パターン。アニメーション、トランジション、エフェクトの開始/終了、またはジェスチャー駆動のアニメーションを React Native 画面に追加するときに使用します。モバイル用の Framer Motion を置き換えます。 ソース: dralgorhythm/claude-agentic-framework。

react-native-reanimated のインストール方法は?

ターミナルまたはコマンドラインツール(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

詳細

カテゴリ
</>開発ツール
ソース
skills.sh
初回登録
2026-03-01

関連 Skills

なし