·animation-performance
*

animation-performance

Fournit des directives d'optimisation des performances de React Native Reanimated, React Native Worklets et React Native Gesture Handler pour des animations fluides. S'applique aux tâches impliquant des valeurs partagées, des worklets, des rappels d'images, des gestionnaires de gestes, des styles animés, des rendus ou le débogage des erreurs d'animation et des suppressions d'images.

13Installations·0Tendance·@sovranbitcoin

Installation

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

Comment installer animation-performance

Installez rapidement le skill IA animation-performance 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/sovranbitcoin/sovran --skill animation-performance
  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 : sovranbitcoin/sovran.

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

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/sovranbitcoin/sovran --skill animation-performance
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-22
Mis à jour
2026-03-10

Browse more skills from sovranbitcoin/sovran

Réponses rapides

Qu'est-ce que animation-performance ?

Fournit des directives d'optimisation des performances de React Native Reanimated, React Native Worklets et React Native Gesture Handler pour des animations fluides. S'applique aux tâches impliquant des valeurs partagées, des worklets, des rappels d'images, des gestionnaires de gestes, des styles animés, des rendus ou le débogage des erreurs d'animation et des suppressions d'images. Source : sovranbitcoin/sovran.

Comment installer animation-performance ?

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