用途：面向网页 3D 的设计与实现，以 Three.js 为核心，覆盖 WebGL 场景搭建、渲染与性能优化，并涉及 React Three Fiber（R3F）。
主要能力与基本方针：结构上以 Scene-Camera-Renderer 三位一体为起点，不省略任一要素；GPU 资源不会被自动回收，geometry、material、texture、renderTarget 需显式调用 dispose()；优化重点是减少绘制调用（批处理、实例化、LOD）与使用压缩纹理（KTX2）；React 环境下优先考虑 React Three Fiber，资料称其为 Three.js 的完整包装且无额外开销。
使用方式：建议先写出结构规格再动手，用条目列出场景图构成、对象摆放与比例、相机视角与距离，并预先列出常见破绽（比例基准不统一、目标在视锥体外、面重叠导致 z-fighting）。输出顺序为：推荐方针、理由（性能/内存/可维护性）、设计方案（场景结构/内存策略/渲染优化/R3F 运用）、实现前检查清单、应避免的陷阱、下一步小步验证动作。
检查清单要点：dispose() 是否遗漏；用 renderer.info.memory 监控资源数是否持续增长；静态对象设 matrixAutoUpdate = false；纹理使用 KTX2/Basis 压缩；大量相同网格使用实例化；动画循环有停止清理；窗口缩放时更新相机 aspect ratio 与 renderer.setSize。
常见陷阱：忘记 dispose() 导致内存泄漏；每帧 new THREE.Vector3() 等对象生成；CSS transition 与 Three.js 动画冲突；多处调用 requestAnimationFrame；滥用 PNG/JPEG 纹理浪费显存；全部塞进一个文件；忘记清理 resize 等事件监听；未写结构规格就直接从细节开始搭建。
限制：资料未提供具体版本要求、安装命令、收费与平台信息，暂未提供。