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 animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motion, or implementing physics-based movement. Source: enzed/r3f-skills.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/enzed/r3f-skills --skill r3f-animation Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw