用途：当媒体合成需要 CSS 过渡或简单补帧难以表达的编排时使用 GSAP，例如多拍重叠序列、逐字符字体动画、SVG 描边绘制或形变、曲线路径运动、布局状态过渡，或由单一播放头控制的可复用动效语言。它不替代宿主渲染器的合成契约、剪辑决策、音频时间线、素材清单、无障碍审查与交付流程。
主要能力：官方文档说明，GSAP Timeline 可容纳补间与嵌套时间线并作为整体控制，位置参数支持绝对时间、相对末尾、相对标签及 < > 标记；可暂停、seek、查看 time、progress 与 totalProgress。适合用语义标签对应脚本拍点，用 defaults 统一动效族并刻意覆盖；按场景嵌套时间线；渲染媒体应保持时间线有限。fromTo 用于两端需明确时，避免 CSS 过渡与 GSAP 争抢同一属性。stagger 支持数值、对象、函数，可分配起点与分布。
取帧确定性：普通播放由浏览器动画循环驱动，隐藏标签页节流会变化。视频渲染器应显式拥有时间，构建后先 pause(0)，仅由帧号与 fps 推导时间并做上限截断；使用固定输入、预计算随机值，避免网络请求、时间、用户输入、滚动状态与异步回调；保证向后 seek 状态正确，回调副作用幂等。gsap.ticker.fps(30) 不等同于确定性 30 fps 渲染。
插件按问题选型：文字切分、SVG 描边、形状形变、路径运动、FLIP、自定义缓动分别对应 SplitText、DrawSVG、MorphSVG、MotionPath、Flip、CustomEase；ScrollTrigger 不适合固定时间视频，除非将滚动转为显式时间线进度。仅注册实际构建包含的插件。
限制与风险：文字切分须保留源文本与无障碍行为，等字体加载后再切分，响应式换行变化后重建并还原。SVG 需清理路径、明确 viewBox、记录枢轴，并在交付分辨率检查起始、中点与最终轮廓。FLIP 需冻结数据与布局输入。gsap.matchMedia() 可组合宽度与 prefers-reduced-motion 条件并可回滚；预录视频导出后无法再改变像素，需另行决定是否单独渲染减弱动效版本。WCAG 2.2 对闪烁与必要动效有要求。
授权：该技能仓库为 MIT，不改变 GSAP 自身许可。资料称截至 2026 年 7 月 12 日核实，官方页面认定 2025 年 4 月 30 日生效的 Webflow 标准“No Charge”GSAP 许可证，允许合规网站、网页应用与数字界面（含商业项目），禁止用于与 Webflow 可视化动画构建能力竞争的无代码动画工具，并限制逆向工程与移除专有声明；该页可能更新，生产前需复查。字体、Logo、插画、SVG、音乐等权利需单独核实。此为指导非法律意见。
评审顺序：契约、确定性、时间、动效、字体排版、无障碍、性能、输出。关键失败包括非确定性取帧、不安全闪烁、必需减弱动效缺失、必要文字不可读、最终 SVG 轮廓破损、未授权使用，或固定时间渲染依赖真实时间与滚动状态。