用途：该技能面向网页 3D 体验开发，强调在视觉冲击与性能之间平衡，并让从未接触 3D 应用的用户也能使用。触发条件包括用户提到 3D 网站、three.js、WebGL、react three fiber、3D experience 或 spline。
主要能力：Three.js 实现、React Three Fiber、WebGL 优化、3D 模型集成、Spline 工作流、3D 产品配置器、交互式 3D 场景、3D 性能优化；包含 3D 技术栈选型（Spline、React Three Fiber、Three.js vanilla、Babylon.js 的适用场景、学习曲线与控制力对比）、3D 模型管线（GLB/GLTF、FBX、OBJ、USDZ 格式选择，降低面数、烘焙贴图、导出 GLB、压缩与测试）、滚动驱动 3D 与性能优化。
使用方式：按其工作流先确认用户目标与范围，读取元数据与来源文件后再加载必要的参考、示例或脚本；模型压缩可使用 gltf-transform optimize input.glb output.glb --compress draco --texture-compress webp，需先 npm install -g @gltf-transform/cli。Spline 可用 import Spline from '@splinetool/react-spline'；React Three Fiber 可用 Canvas 与 dree 的 OrbitControls、useGLTF。滚动驱动可用 dree 的 ScrollControls 或 GSAP ScrollTrigger。
适用场景：产品配置器、3D 作品集、沉浸式网站、滚动驱动 3D 页面。
限制：应仅在此类任务明确匹配时使用；输出不能替代具体环境的验证、测试或专家评审；缺少必要输入、权限、安全边界或成功标准时应停止并请求澄清。性能目标参考为桌面 60fps/50 万三角面、移动 30-60fps/10 万三角面、低端 30fps/5 万三角面；模型文件建议小于 5MB。其余价格与平台支持信息暂未提供。