GSAP 技能提供 GSAP（GreenSock Animation Platform）的专家知识，这是业界标准 JavaScript 动画库，可实现精确时间线控制的专业级动画。
适用场景：用户提及 GSAP、GreenSock 或时间线动画；需要逐帧精确的复杂动画序列；构建 ScrollTrigger 滚动触发动画；动画化 SVG 路径或形状变形；需要细粒度控制动画时序；处理 canvas 或 WebGL 动画。文件模式包括含 gsap 导入的 **/.tsx、含时间线动画的 **/.ts、含 gsap 配置的 **/animations/*.ts，以及使用 ScrollTrigger、MorphSVG 等插件的文件。
安装：核心库 npm install gsap；React 集成 npm install gsap @gsap/react；特定插件 npm install gsap/ScrollTrigger。
主要能力：基础补间 gsap.to、gsap.from、gsap.fromTo、gsap.set；时间线 gsap.timeline 配合位置参数（'+=0.5'、'-=0.25'、'<'、标签）编排序列；React 中 useGSAP Hook（自动清理、scope 作用域）与 gsap.context 手动清理模式；ScrollTrigger 滚动触发（trigger、start、end、scrub、markers、pin、snap）；内置缓动如 power1-4、back、elastic、bounce、circ、expo、sine 及自定义缓动；交错动画支持 amount、from、grid、axis 及函数式 stagger；变换属性 x、y、xPercent、yPercent、rotation、scale、skew；特殊属性 autoAlpha、overwrite、repeat、yoyo、paused 等。
常见模式：滚动显现（reveal on scroll）、水平滚动画布、文本拆分动画。
限制：资料未提供收费、价格、平台兼容性、版本号及性能数据。使用 mcp__plugin_context7_context7__query-docs 查询 gsap 可获取最新 API。