r3f-best-practices

Guides the creation, review, and optimization of React Three Fiber code using prioritized best practices.

When to use it

Use when writing R3F components, optimizing performance, using Drei, managing Zustand state, or implementing post-processing and physics.

It changes how the agent writes and optimizes React Three Fiber project code, including components, state, loading, and animation.