该技能用于 Three.js 与 React Three Fiber（R3F）项目的开发指导，强调场景图管理、GPU 资源释放与 TypeScript 约定。
用途：帮助构建 3D 场景、游戏与交互应用，覆盖原生 Three.js 与 R3F 两种技术栈。
主要能力：引擎识别（检测 package.json 中的 three、@react-three/fiber、@react-three/drei 及 .glb/.gltf/.hdr 资源）；提供原生与 R3F 两套项目结构建议；场景图与资源释放模式（Three.js 不自动回收 GPU 资源，需手动 dispose 几何体、材质与全部贴图）；游戏循环示例（delta 时间、resize 处理）；R3F 的 Canvas、useFrame、useRef 模式；Zustand 管理游戏状态；对象池；性能优化（InstancedMesh、LOD、贴图 mipmap 与各向异性）。
使用方式：按技能提供的目录结构组织代码，在卸载对象时调用 dispose，在 useFrame/animate 中使用 delta 时间，用 ref 持有 Three.js 对象，逐帧数据避免放入 React state。
适用场景：Three.js/R3F 的 3D 游戏、可视化与交互项目。
限制：资料未说明安装命令、版本要求、收费情况与具体平台支持；示例代码中的依赖（如 @react-three/rapier）需自行确认可用性。