用途：当用户需要创建 3D 场景、交互式 3D 体验或视觉效果，或提到 Three.js、WebGL、3D 渲染、动画、粒子时，可启用该技能。它提供系统化的 Three.js 开发流程与最佳实践。
主要能力：覆盖场景、相机、渲染器初始化；几何体选择（BoxGeometry、SphereGeometry、CylinderGeometry、PlaneGeometry、TorusGeometry、CapsuleGeometry）；材质选择（MeshBasicMaterial、MeshStandardMaterial、MeshPhongMaterial、MeshLambertMaterial）；光照设置（环境光、方向光）；动画循环（推荐 renderer.setAnimationLoop）；窗口自适应；OrbitControls 与自定义相机控制；射线拾取对象选择；粒子系统；纹理加载；性能与代码组织最佳实践。
使用方式：通过 import map 引入 Three.js（如 three@0.183.0 的 three.module.js 与 examples/jsm/），或使用 npm/vite/webpack 构建工具导入。核心步骤为初始化 scene、camera、renderer，创建几何体与材质组成 mesh，按需添加光照，实现动画循环并处理窗口 resize，设置 renderer.outputColorSpace = THREE.SRGBColorSpace。
适用场景：3D 数据可视化、可旋转或可探索的交互场景、WebGL 渲染、动画与粒子效果、鼠标交互的 3D 对象。
限制：资料未提供具体收费、价格、平台支持范围或效果保证；部分内容为导入来源的打包与溯源说明，实际执行需参考 SKILL.md、metadata.json 与 ORIGIN.md。