用途：当用户提到 3D 网站、Three.js、WebGL、React Three Fiber、3D 体验或 Spline 时启用，用于构建 Web 端 3D 交互体验，包括产品配置器、3D 作品集、沉浸式网站等。
主要能力：涵盖 Three.js 实现、React Three Fiber、WebGL 优化、3D 模型集成、Spline 工作流、3D 产品配置器、交互式 3D 场景以及 3D 性能优化。文档还整理了 3D 技术栈选择（Spline、React Three Fiber、Three.js vanilla、Babylon.js 的对比与决策树）、3D 模型管线（GLB/GLTF 等格式选择，以及精简面数、烘焙贴图、导出 GLB、用 gltf-transform 压缩、控制文件大小）、滚动驱动 3D（R3F ScrollControls、GSAP ScrollTrigger）和性能优化（按设备设定 FPS 与三角面上限、使用实例、限制灯光、LOD、懒加载、移动端检测、WebGL 回退）。
使用方式：先确认用户目标与范围，再加载会实质影响结果的参考、示例或脚本，仅按需读取，避免默认加载整包；执行后按上游预期校验结果，工作笔记中保留来源与文件边界。可用的示例用法如 @3d-web-experience-v3 处理某任务，或要求针对 metadata.json 与 ORIGIN.md 做溯源评审。安装命令为 npm install -g @gltf-transform/cli，模型压缩命令为 gltf-transform optimize input.glb output.glb --compress draco --texture-compress webp。
适用场景：产品配置器、沉浸式作品集、滚动驱动的 3D 网站，以及为已有页面增加深度感。
限制与校验：文档列出多项检查——缺少 3D 加载指示、缺少 WebGL 回退、模型未压缩、OrbitControls 拦截滚动、移动端 DPR 过高等，并给出对应修复方向。任务若转向架构、调试、设计或安全等专门领域，应移交给相应技能；缺少必要输入、权限或成功标准时应先请求澄清。本文档未提供收费与价格信息。