·animation-performance
*

animation-performance

Proporciona pautas de optimización del rendimiento de React Native Reanimated, React Native Worklets y React Native Gesture Handler para animaciones fluidas. Se aplica a tareas que involucran valores compartidos, worklets, devoluciones de llamadas de fotogramas, controladores de gestos, estilos animados, re-renderizaciones o depuración de animaciones y caídas de fotogramas.

13Instalaciones·0Tendencia·@sovranbitcoin

Instalación

$npx skills add https://github.com/sovranbitcoin/sovran --skill animation-performance

Cómo instalar animation-performance

Instala rápidamente el skill de IA animation-performance 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/sovranbitcoin/sovran --skill animation-performance
  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: sovranbitcoin/sovran.

SKILL.md

Ver original

Performance optimization guide for React Native Reanimated animations, covering shared values, worklets, memoization, and rendering optimizations. These guidelines ensure buttery smooth animations at 60fps.

| 1 | Shared Values Usage | CRITICAL | shared-values- | | 2 | Re-renders | CRITICAL | re-renders- | | 3 | Memoization | HIGH | memoization- | | 4 | Animation Calculations | HIGH | calculations- | | 5 | Layout vs Transform | HIGH | layout- | | 6 | Reactions | HIGH | reactions- | | 7 | Hooks Selection | HIGH | hooks- |

| 8 | Animation Lifecycle | MEDIUM | animations- | | 9 | Component Limits | MEDIUM | limits- | | 10 | Scroll Optimization | MEDIUM | scroll- |

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/sovranbitcoin/sovran --skill animation-performance
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-10

Browse more skills from sovranbitcoin/sovran

Respuestas rápidas

¿Qué es animation-performance?

Proporciona pautas de optimización del rendimiento de React Native Reanimated, React Native Worklets y React Native Gesture Handler para animaciones fluidas. Se aplica a tareas que involucran valores compartidos, worklets, devoluciones de llamadas de fotogramas, controladores de gestos, estilos animados, re-renderizaciones o depuración de animaciones y caídas de fotogramas. Fuente: sovranbitcoin/sovran.

¿Cómo instalo animation-performance?

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/sovranbitcoin/sovran --skill animation-performance 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/sovranbitcoin/sovran