用途
Three.js Skills 用于系统性地创建高质量的 3D 场景和交互式体验，遵循 Three.js 的最佳实践。它适用于以下场景：用户请求 3D 可视化或图形（如“创建一个 3D 模型”“用 3D 展示”）；需要交互式 3D 体验（如“旋转的立方体”“可探索的场景”）；需要 WebGL 或基于 canvas 的渲染；要求动画、粒子或视觉特效；提及 Three.js、WebGL 或 3D 渲染；希望在 3D 空间中可视化数据。
主要能力
该技能覆盖从场景搭建到交互与动画的完整流程，包括：导入 Three.js，创建场景、相机和渲染器；使用几何体（如 SphereGeometry(1, 32, 32) 创建平滑球体）；使用材质（如 MeshStandardMaterial 获得真实感外观）；添加光照（环境光与方向光）；实现鼠标交互（跟踪鼠标位置并更新相机）；执行动画（旋转物体并持续渲染）；处理响应式（添加窗口尺寸变化处理器）。
使用方式
在执行该技能前，应先阅读详细指南。详细指南保留了完整的过程和参考资料，其中的安全、前置条件和验证要求应被视为强制项。对于聚焦型任务，可加载相关章节；对于端到端任务，应完整阅读指南。
示例工作流：用户提出“创建一个响应鼠标移动的交互式 3D 球体”。流程为：设置（导入 Three.js，创建场景/相机/渲染器）→ 几何体（创建 SphereGeometry(1, 32, 32) 以获得平滑球体）→ 材质（使用 MeshStandardMaterial 获得真实感外观）→ 光照（添加环境光与方向光）→ 交互（跟踪鼠标位置，更新相机）→ 动画（旋转球体，持续渲染）→ 响应式（添加窗口尺寸变化处理器）→ 结果（平滑、可交互的 3D 球体）。
适用场景
适用于需要 3D 图形、WebGL 体验、3D 可视化、交互式 3D 场景、动画、粒子或视觉特效，以及在 3D 空间中展示数据的任务。
限制
仅当任务明确符合上述范围时才使用该技能。不应将输出视为针对具体环境的验证、测试或专家审查的替代品。如果缺少必要的输入、权限、安全边界或成功标准，应停止并请求澄清。