用途：该技能用于在 Remotion 视频合成中调用 GSAP 的高级动画能力，弥补 Remotion 内置 interpolate() 与 spring() 的不足。简单的单属性动画（淡入、滑动、缩放）、数值计数、标准缓动和弹簧物理应继续使用 Remotion 原生方式，不要用 GSAP。
主要能力：复杂时间轴编排（嵌套、标签、"-=0.5" 之类位置参数）；文字拆分动画（SplitText 按字符/词/行配合遮罩揭示）；SVG 形状变形 MorphSVG、描边绘制 DrawSVG、路径跟随 MotionPath；高级缓动（CustomEase、RoughEase、SlowMo、CustomBounce、CustomWiggle）；网格与中心/边缘分布的 stagger；字符乱码/解码 ScrambleText；通过 gsap.registerEffect() 注册可复用命名效果。资料还给出 3D 变换模式（卡片翻转、透视入场、RotateX 文字切换）、交互模拟（光标点击）与 clip-path 转场等模式。
使用方式：在 Remotion 项目安装 npm install gsap；在入口集中导入并 gsap.registerPlugin(...) 注册所需插件。核心是用 useGSAPTimeline 钩子创建 paused 时间轴，并在每帧按 frame/fps 执行 tl.seek()；涉及 SplitText 需等待字体加载，配合 Remotion 的 delayRender/continueRender。
限制：ScrambleText 内部随机选字符，渲染时需用 --concurrency=1 保证可复现；每场景同时 3D 容器建议不超过 3-4 个；复杂 clip-path（尤其 polygon）可能拖慢无头 Chrome 的帧生成。资料称自 Webflow 2024 年收购后所有插件完全免费。