React Three Fiber Game

Overview

Use this skill when the 3D runtime lives inside a React application. This is the default React-native 3D path in the plugin and should be preferred over vanilla Three.js when the app shell, settings, storefront, editor surface, or surrounding product already uses React.

Recommended stack:

• @react-three/fiber
• three
• @react-three/drei
• @react-three/rapier
• @react-three/postprocessing
• @react-three/a11y when accessibility-sensitive interaction matters
• DOM overlays in the normal React tree

Use This Skill When