·animating-react-native-expo
</>

animating-react-native-expo

Crea animaciones de alto rendimiento e interacciones basadas en gestos en aplicaciones React Native (Expo) utilizando React Native Reanimated v4 y React Native Gesture Handler (GestureDetector/hook API). Úselo al implementar movimientos de la interfaz de usuario, transiciones, diseño/entrada/salida de animaciones, transiciones/animaciones de estilo CSS, gestos interactivos (desplazamiento/pellizco/deslizamiento/arrastrar), animaciones con desplazamiento vinculado, worklets/valores compartidos o depuración del rendimiento de la animación y problemas de subprocesamiento.

46Instalaciones·1Tendencia·@tristanmanchester

Instalación

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

Cómo instalar animating-react-native-expo

Instala rápidamente el skill de IA animating-react-native-expo en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: tristanmanchester/agent-skills.

SKILL.md

Ver original

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

Crea animaciones de alto rendimiento e interacciones basadas en gestos en aplicaciones React Native (Expo) utilizando React Native Reanimated v4 y React Native Gesture Handler (GestureDetector/hook API). Úselo al implementar movimientos de la interfaz de usuario, transiciones, diseño/entrada/salida de animaciones, transiciones/animaciones de estilo CSS, gestos interactivos (desplazamiento/pellizco/deslizamiento/arrastrar), animaciones con desplazamiento vinculado, worklets/valores compartidos o depuración del rendimiento de la animación y problemas de subprocesamiento. Fuente: tristanmanchester/agent-skills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-21
Actualizado
2026-03-10

Browse more skills from tristanmanchester/agent-skills

Respuestas rápidas

¿Qué es animating-react-native-expo?

Crea animaciones de alto rendimiento e interacciones basadas en gestos en aplicaciones React Native (Expo) utilizando React Native Reanimated v4 y React Native Gesture Handler (GestureDetector/hook API). Úselo al implementar movimientos de la interfaz de usuario, transiciones, diseño/entrada/salida de animaciones, transiciones/animaciones de estilo CSS, gestos interactivos (desplazamiento/pellizco/deslizamiento/arrastrar), animaciones con desplazamiento vinculado, worklets/valores compartidos o depuración del rendimiento de la animación y problemas de subprocesamiento. Fuente: tristanmanchester/agent-skills.

¿Cómo instalo animating-react-native-expo?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

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