r3f-animation

SKILL.md

Critical patterns for high-performance state management in animations.

Use getState() instead of hooks inside useFrame for zero subscription overhead:

React Three Fiber アニメーション - useFrame、useAnimations、スプリング物理学、キーフレーム。オブジェクトのアニメーション化、GLTF アニメーションの再生、手続き型モーションの作成、または物理ベースの動きの実装時に使用します。 ソース: enzed/r3f-skills。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/enzed/r3f-skills --skill r3f-animation インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る