用途：为网页构建 3D 体验，适合需要 Three.js、React Three Fiber、Spline、WebGL、GLSL 着色器、3D 优化与模型准备的场景。触发条件包括用户提及 3D 网站、three.js、WebGL、react three fiber、3D 体验或 spline。
主要能力：Three.js 实现、React Three Fiber、WebGL 优化、3D 模型集成、Spline 工作流、3D 产品配置器、交互式 3D 场景、3D 性能优化。资料给出技术栈选择：Spline 适合快速原型与设计师，学习曲线低；React Three Fiber 适合 React 应用与复杂场景；Three.js 原生控制最强但学习曲线高；Babylon.js 适合游戏与重型 3D。
模型管线：建议模型阶段减少多边形（网页建议低于 100K）、烘焙纹理、导出 GLB、用 gltf-transform 压缩并测试文件大小（理想低于 5MB）。压缩命令为 npm install -g @gltf-transform/cli 与 gltf-transform optimize input.glb output.glb --compress draco --texture-compress webp。加载可用 useGLTF 配合 Suspense 与 useProgress 显示进度。滚动驱动 3D 可用 ScrollControls、useScroll 或 GSAP ScrollTrigger。
性能目标：桌面 60fps、约 500K 三角形；移动 30-60fps、约 100K；低端设备 30fps、约 50K。可用 Instances、限制灯光数量、LOD、懒加载；移动端 DPR 设为 1，并做 WebGL 不支持时的静态图片降级。另外建议校验：3D 加载指示、WebGL 降级、模型压缩、OrbitControls 阻塞滚动、移动端高 DPR。
限制：仅在任务匹配上述范围时使用；输出不能替代针对具体环境的验证、测试或专家评审；若缺少输入、权限、安全边界或成功标准，应停止并请求澄清。具体支持文件（references、examples、scripts、agents、assets）资料中未提供实际内容。