
from r3f-gamedev29
Patterns and best practices for R3F game development: separate game logic (systems/ECS) from views, prefer headless-first design, and concrete ECS/system patter
This skill documents architecture and coding patterns for building games with React Three Fiber (R3F) and the Miniplex ECS. It prescribes a separation of concerns where systems contain game logic and React components act as dumb views, and provides concrete patterns for queries, systems, entity/model separation, and Three.js synchronization.
Use when building or refactoring R3F-based games to enforce a headless-first mindset, design testable systems, structure entity/model components, and keep rendering concerns decoupled from game logic. Helpful for teams adopting Miniplex or standardizing R3F project structure.
Useful for static analysis tools, code-review assistants, and developer-facing agents that understand TypeScript/React codebases and can suggest refactors or enforce architectural rules.
This skill has not been reviewed by our automated audit pipeline yet.