用途：该元技能面向需要同时使用多个 3D 与动画库的 Web 项目，汇总 threejs-webgl、gsap-scrolltrigger、react-three-fiber、motion-framer、react-spring-physics 等技能的知识，给出可复用的架构模式与集成策略。
主要能力：覆盖核心组合方式，如 Three.js + GSAP（滚动驱动 3D 动画与时间线编排）、React Three Fiber + Motion（声明式状态动画）、R3F + GSAP（React 中的复杂 3D 序列）、R3F + React Spring（物理驱动交互）、Three.js + GSAP + React（命令式与声明式混合）。提供四种架构模式：分层分离、统一 React 组件、混合方案、物理驱动 3D，并讨论各自收益与取舍。
使用方式：资料给出示例代码，展示如何初始化 Three.js 场景、注册 GSAP ScrollTrigger、在 R3F 中使用 motion.mesh、useSpring 与 animated('mesh')，以及用 Zustand 同步 3D 与 UI 状态。还包含滚动驱动相机、手势操作、状态同步动画等常见集成模式。
适用场景：复杂 3D 应用、滚动叙事、物理交互、多库状态管理、性能优化与组件架构设计。
限制：资料未提供安装命令、版本要求、收费信息或平台支持范围；部分内容在“Common Pitfalls”处被截断，未完整给出。使用前需自行确认各库兼容性与实际性能表现。