LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

animating-advanced - 电影级交互设计师 - Awwwards级别动画

使用GSAP、Three.js/R3F和Lenis等行业标准工具创建高性能动画,专门用于英雄区域、3D交互和滚动关联的故事叙述。

标签

更新于: 2026-02-13
动画webgl交互gsapthreejs性能

能力

典型输入

典型输出

该技能可以做什么

  • 创建高性能动画
  • 实现平滑滚动
  • 构建3D交互
  • 动画化英雄区域
  • 使用滚动触发器

输入

  • Google Whisk纹理
  • Google Flow视频循环
  • 3D模型文件
  • 设计规范
  • React组件

输出

  • 动画化英雄区域
  • 3D交互组件
  • 平滑滚动实现
  • WebGL动画
  • 性能优化代码

要求

  • GSAP库
  • Three.js/R3F环境
  • Lenis平滑滚动
  • React框架
  • WebGL支持

来源

  • 规范: SKILL.md
创建高性能动画
实现平滑滚动
构建3D交互
动画化英雄区域
Google Whisk纹理
Google Flow视频循环
3D模型文件
动画化英雄区域
3D交互组件
平滑滚动实现