LogoClawIndex
案例技能关于
LogoClawIndex

web3d-integration-patterns - Web 3D 集成模式

结合 Three.js、GSAP ScrollTrigger、React Three Fiber、Motion 和 React Spring,为复杂 3D Web 体验提供架构、状态管理与性能优化模式。

标签

更新于: 2026-10-08

能力

典型输入

典型输出

该技能可以做什么

  • 设计多库架构
  • 组合 3D 与动画库
  • 编排滚动驱动动画
  • 实现基于物理的交互
  • 管理跨层状态
  • 优化多库性能
  • 设计可复用组件
  • 迁移动画方案

输入

  • 3D 应用需求
  • 动画需求
  • 交互需求
  • 库集成方案
  • 状态管理需求
  • 性能约束

输出

  • 架构模式
  • 集成策略
  • 组件架构示例
  • 动画集成代码
  • 性能优化指导

要求

    来源

    • 规范: SKILL.md

    ClawIndex

    OpenClaw Skills 与 Use Case 索引

    ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

    索引

    Skills·
    Cases

    Meta

    关于·
    声明·
    邮箱·
    GitHub
    © 2026 ClawIndex 保留所有权利。
    Web 3D
    Three.js
    GSAP
    ScrollTrigger
    React Three Fiber
    动画
    物理交互
    架构
    设计多库架构
    组合 3D 与动画库
    编排滚动驱动动画
    实现基于物理的交互
    3D 应用需求
    动画需求
    交互需求
    架构模式
    集成策略
    组件架构示例