
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.
Purely instructional skill for R3F game development patterns with Miniplex ECS. No scripts to run. SKILL.md is well-written with clear code examples, explicit dos and don'ts, and practical patterns for separating game logic from rendering. Covers entity types, queries, systems, and Zustand store usage.
Clean instructional skill with no security concerns. Well-structured content but no bundled scripts or references directory. Could benefit from a references/ folder with example project links.