React Native Reanimated v4 및 React Native Gesture Handler(GestureDetector/hook API)를 사용하여 React Native(Expo) 앱에서 고성능 애니메이션 및 제스처 기반 상호 작용을 구축합니다. UI 모션, 전환, 애니메이션 레이아웃/입력/종료, CSS 스타일 전환/애니메이션, 대화형 제스처(팬/핀치/스와이프/드래그), 스크롤 링크 애니메이션, worklet/공유 값을 구현하거나 애니메이션 성능 및 스레딩 문제를 디버깅할 때 사용합니다.
명령줄에서 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 스타일 전환/애니메이션, 대화형 제스처(팬/핀치/스와이프/드래그), 스크롤 링크 애니메이션, worklet/공유 값을 구현하거나 애니메이션 성능 및 스레딩 문제를 디버깅할 때 사용합니다. 출처: tristanmanchester/agent-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expoReact Native Reanimated v4 및 React Native Gesture Handler(GestureDetector/hook API)를 사용하여 React Native(Expo) 앱에서 고성능 애니메이션 및 제스처 기반 상호 작용을 구축합니다. UI 모션, 전환, 애니메이션 레이아웃/입력/종료, CSS 스타일 전환/애니메이션, 대화형 제스처(팬/핀치/스와이프/드래그), 스크롤 링크 애니메이션, worklet/공유 값을 구현하거나 애니메이션 성능 및 스레딩 문제를 디버깅할 때 사용합니다. 출처: 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