r3f-setup
Installation
SKILL.md
Project Setup
Set up a React Three Fiber project with WebGPU support using React 19 and Three.js TSL.
Dependencies
Core dependencies for R3F with WebGPU:
{
"dependencies": {
"@react-three/drei": "11.0.0-alpha.4",
"@react-three/fiber": "10.0.0-alpha.1",
"react": "19.2.3",
"react-dom": "19.2.3",
"three": "0.182.0"
},
"devDependencies": {
"@types/three": "0.182.0"
Related skills
More from verekia/r3f-gamedev
smooth-interpolation
Animate values smoothly using exponential decay instead of linear interpolation.
12ui-useframe
Sync UI elements outside the Canvas with the render loop using R3F v10's external useFrame.
8reactive-polling
Poll for changes to any value and trigger React re-renders when it changes.
7miniplex
Use Miniplex for minimalistic Entity Component System with TypeScript support.
6bone-attachment
Attach meshes to bones of a skinned mesh, such as attaching a sword to a character's hand.
6verekia-architecture
Day-to-day coding style and patterns for R3F game development with Miniplex ECS.
6