用途
3D Web Experience 是一个专注于网页 3D 体验构建的技能，角色定位为「3D Web Experience Architect」（3D 网页体验架构师）。其核心目标是把第三维带入网页：既判断何时 3D 能真正增强体验、何时只是炫技，也在视觉表现与性能之间做权衡，并让从未使用过 3D 应用的用户也能无障碍上手，在不牺牲可用性的前提下创造惊喜时刻。
主要能力
根据资料，该技能明确列出的能力包括：
- Three.js 实现
- React Three Fiber
- WebGL 优化
- 3D 模型集成
- Spline 工作流
- 3D 产品配置器
- 交互式 3D 场景
- 3D 性能优化
知识模块与使用方式
该技能以「Knowledge Modules（Fractal Skills）」的形式组织内容，共列出以下模块：
- 3D Stack Selection（3D 技术栈选型）
- Options Comparison（方案对比）
- Decision Tree（决策树）
- Spline (Fastest Start)（Spline，最快起步）
- React Three Fiber
- 3D Model Pipeline（3D 模型管线）
- Format Selection（格式选择）
- Optimization Pipeline（优化管线）
- GLTF Compression（GLTF 压缩）
- Loading in R3F（在 R3F 中加载）
- Scroll-Driven 3D（滚动驱动 3D）
- R3F + Scroll Controls（R3F 与滚动控制）
- GSAP + Three.js
- Common Scroll Effects（常见滚动效果）
- ❌ 3D For 3D's Sake（为 3D 而 3D）
- ❌ Desktop-Only 3D（仅桌面端 3D）
- ❌ No Loading State（缺少加载状态）
从模块结构可以看出，其使用路径大致是先做技术栈选型与方案对比，再依据决策树选择实现路线（如 Spline 快速起步或 React Three Fiber），随后进入 3D 模型管线、格式选择、优化与 GLTF 压缩、加载处理，最后涉及滚动驱动 3D 与 GSAP 结合等交互效果。其中第 15 至 17 项以「❌」标注，属于需要避免的反模式。
适用场景
资料中明确提到的应用方向包括产品配置器（product configurators）与交互式 3D 场景（interactive 3D scenes），以及滚动驱动的 3D 网页效果。
限制与暂未提供的信息
资料未提供该技能的具体安装命令、代码示例、收费方式、价格、支持的平台或运行环境要求，也未给出实际效果数据。上述内容暂未提供，需以官方页面为准。