使用 React Native Reanimated v4 和 React Native Gesture Handler (GestureDetector / hook API) 在 React Native (Expo) 應用程式中建立高效能動畫和手勢驅動的互動。在實現 UI 運動、過渡、佈局/進入/退出動畫、CSS 樣式過渡/動畫、互動式手勢（平移/捏合/滑動/拖曳）、捲動連結動畫、工作集/共享值或調試動畫效能和線程問題時使用。
透過命令列快速安裝 animating-react-native-expo AI 技能到你的開發環境
來源：tristanmanchester/agent-skills。
React Native (Expo) animations — Reanimated v4 + Gesture Handler
1) Simple state change (hover/pressed/toggled, small style changes): use Reanimated CSS Transitions. 2) Mount/unmount + layout changes (lists, accordions, reflow): use Reanimated Layout Animations.
3) Interactive / per-frame (gestures, scroll, physics, drag): use Shared Values + worklets (UI thread).
使用 React Native Reanimated v4 和 React Native Gesture Handler (GestureDetector / hook API) 在 React Native (Expo) 應用程式中建立高效能動畫和手勢驅動的互動。在實現 UI 運動、過渡、佈局/進入/退出動畫、CSS 樣式過渡/動畫、互動式手勢（平移/捏合/滑動/拖曳）、捲動連結動畫、工作集/共享值或調試動畫效能和線程問題時使用。 來源：tristanmanchester/agent-skills。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo使用 React Native Reanimated v4 和 React Native Gesture Handler (GestureDetector / hook API) 在 React Native (Expo) 應用程式中建立高效能動畫和手勢驅動的互動。在實現 UI 運動、過渡、佈局/進入/退出動畫、CSS 樣式過渡/動畫、互動式手勢（平移/捏合/滑動/拖曳）、捲動連結動畫、工作集/共享值或調試動畫效能和線程問題時使用。 來源：tristanmanchester/agent-skills。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/tristanmanchester/agent-skills