スムーズなアニメーションのための React Native Reanimated、React Native Worklets、React Native Gesture Handler のパフォーマンス最適化ガイドラインを提供します。共有値、ワークレット、フレーム コールバック、ジェスチャ ハンドラー、アニメーション スタイル、再レンダリング、またはアニメーション ジャンクとフレーム ドロップのデバッグを含むタスクに適用されます。
コマンドラインで animation-performance AI スキルを開発環境にすばやくインストール
ソース: 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- |
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/sovranbitcoin/sovran --skill animation-performanceスムーズなアニメーションのための React Native Reanimated、React Native Worklets、React Native Gesture Handler のパフォーマンス最適化ガイドラインを提供します。共有値、ワークレット、フレーム コールバック、ジェスチャ ハンドラー、アニメーション スタイル、再レンダリング、またはアニメーション ジャンクとフレーム ドロップのデバッグを含むタスクに適用されます。 ソース: sovranbitcoin/sovran。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/sovranbitcoin/sovran --skill animation-performance インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/sovranbitcoin/sovran