用途：为网站与交互体验设计提供 2024-2025 年的设计趋势、实现模式与最佳实践，是一份整合动画、交互与 3D 相关技能的元技能，输出整体性设计指导。
主要能力与设计原则：性能优先（关注 LCP<2.5s、FID<100ms、CLS<0.1、INP<200ms，延迟非关键动画、用 CSS transform/opacity、懒加载、渐进增强）；大胆极简（大字号、clamp() 流式排版、留白、3-5 色配色）；微交互（悬停、加载骨架屏、按钮按压、表单校验反馈）；滚动叙事（滚动触发与联动动画、视差、横向滚动、固定区块、进度指示）；自定义光标 UX（跟随、悬停放大、磁性吸附，仅用 CSS transform 与 requestAnimationFrame，移动端禁用）；玻璃拟态与层次（backdrop-filter、高度层级、阴影）；AI 增强个性化（自适应内容、隐私保护与降级）。
常见模式：沉浸式首屏、横向滚动画廊、3D 产品查看器（React Three Fiber）、动画数据可视化、页面过渡（Barba.js/GSAP、View Transitions API）、交互式光标、交错内容揭示。
使用方式：按需组合相关技能，如 GSAP ScrollTrigger、Framer Motion、React Spring、Anime.js、Lottie、Three.js、Babylon.js、轻量 3D 效果与组件库；代码示例中保留原命令与写法。
无障碍与限制：遵守 prefers-reduced-motion，文字对比度达 WCAG AAA（正文 7:1、大字号 4.5:1），支持键盘导航与可见焦点；自定义光标和 3D 在移动端或低性能设备上应禁用或降级。定价、平台与具体效果资料未提供。