·animating-react-native-expo
</>

animating-react-native-expo

Crée des animations performantes et des interactions basées sur les gestes dans les applications React Native (Expo) à l'aide de React Native Reanimated v4 et de React Native Gesture Handler (GestureDetector / API hook). À utiliser lors de l'implémentation de mouvements d'interface utilisateur, de transitions, d'animations de mise en page/entrée/sortie, de transitions/animations de style CSS, de gestes interactifs (panoramique/pincement/glisser/glisser), d'animations liées au défilement, de worklets/valeurs partagées ou de débogage de performances d'animation et de problèmes de thread.

46Installations·1Tendance·@tristanmanchester

Installation

$npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo

Comment installer animating-react-native-expo

Installez rapidement le skill IA animating-react-native-expo dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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).

Crée des animations performantes et des interactions basées sur les gestes dans les applications React Native (Expo) à l'aide de React Native Reanimated v4 et de React Native Gesture Handler (GestureDetector / API hook). À utiliser lors de l'implémentation de mouvements d'interface utilisateur, de transitions, d'animations de mise en page/entrée/sortie, de transitions/animations de style CSS, de gestes interactifs (panoramique/pincement/glisser/glisser), d'animations liées au défilement, de worklets/valeurs partagées ou de débogage de performances d'animation et de problèmes de thread. Source : tristanmanchester/agent-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-21
Mis à jour
2026-03-11

Browse more skills from tristanmanchester/agent-skills

Réponses rapides

Qu'est-ce que animating-react-native-expo ?

Crée des animations performantes et des interactions basées sur les gestes dans les applications React Native (Expo) à l'aide de React Native Reanimated v4 et de React Native Gesture Handler (GestureDetector / API hook). À utiliser lors de l'implémentation de mouvements d'interface utilisateur, de transitions, d'animations de mise en page/entrée/sortie, de transitions/animations de style CSS, de gestes interactifs (panoramique/pincement/glisser/glisser), d'animations liées au défilement, de worklets/valeurs partagées ou de débogage de performances d'animation et de problèmes de thread. Source : tristanmanchester/agent-skills.

Comment installer animating-react-native-expo ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/tristanmanchester/agent-skills