用途：该技能用于构建高性能 3D 网页应用，基于跨浏览器的 Three.js（WebGL/WebGPU）库。适用于 3D 场景、模型、动画与可视化，WebGL/WebGPU 渲染与图形编程，交互式 3D 体验（游戏、配置器、数据可视化），相机控制、灯光、材质与着色器，加载 3D 资产（GLTF、FBX、OBJ）与纹理，后处理效果（bloom、景深、SSAO），物理模拟、VR/XR 与空间音频，以及性能优化（实例化、LOD、视锥剔除）。
主要能力与学习路径：技能按五级组织参考文档。Level 1 入门：场景搭建、基础几何体、材质、灯光、渲染循环。Level 2 常见任务：资产加载（GLTF/FBX/OBJ/纹理）、纹理类型与映射、相机（透视/正交/控制）、灯光与阴影、动画（剪辑、混合器、关键帧）、数学（向量、矩阵、四元数、曲线）。Level 3 交互与效果：射线拾取与变换、后处理（passes、bloom、SSAO、SSR）、控制器插件（轨道、变换、第一人称）。Level 4 高级渲染：PBR 与自定义着色器、性能（实例化、LOD、批处理、剔除）、节点材质（TSL 着色器图与计算）。Level 5 专项：物理与 VR（Ammo、Rapier、Jolt）、专用加载器（SVG、VRML 等）、WebGPU 后端与计算着色器。
使用方式：按需加载对应 references 目录下的 Markdown 文档，例如 references/01-getting-started.md 至 references/16-webgpu.md。快速上手模式为：创建 Scene、PerspectiveCamera 与 WebGLRenderer，设置尺寸并挂载到 DOM；添加几何体与 MeshStandardMaterial 生成网格；加入 DirectionalLight 与 AmbientLight；在 requestAnimationFrame 循环中更新旋转并调用 renderer.render(scene, camera)。
限制：资料未提供该技能的安装命令、收费方式、平台支持范围与效果保证，这些信息暂未提供。外部资源包括官方文档 https://threejs.org/docs/、示例 https://threejs.org/examples/、编辑器 https://threejs.org/editor/ 与 Discord https://discord.gg/56GBJwAnUS。