用途：在 Vue（含 Nuxt）、Svelte（含 SvelteKit）等带挂载/卸载生命周期的组件框架中正确编写与审阅 GSAP 动画代码。React 请改用 gsap-react；补间与时间线参考 gsap-core、gsap-timeline，滚动动画参考 gsap-scrolltrigger。
主要能力与原则：在 DOM 可用后（onMounted、onMount）创建补间和 ScrollTrigger；在卸载清理中 kill 或 revert，避免对已卸载节点运行和内存泄漏；用 gsap.context(callback, scope) 将 .box 这类选择器限定在组件根元素内，避免匹配页面其他元素。
用法要点：插件在应用级注册一次（如 gsap.registerPlugin(ScrollTrigger)），不要放在每次渲染都执行的组件体内。Vue 3 在 onMounted 内用 gsap.context(cb, container.value) 创建动画，在 onUnmounted 调用 ctx.revert()；Svelte 用 bind:this 获取容器，onMount 返回 () => ctx.revert() 作为清理；Nuxt 可用 composable 封装注册与按需懒加载插件以减小初始包体。ScrollTrigger 在布局变化（如数据加载）后调用 ScrollTrigger.refresh()，Vue 用 nextTick、Svelte 用 tick 之后。
限制与禁忌：不要在 setup 或根元素存在前的同步顶层脚本中创建动画；不要用无作用域的选择器字符串；不要跳过清理；避免在组件内重复注册插件。
资料未提供：价格、付费方案、平台支持范围及具体效果数据暂未提供。上游示例与源码见 GSAP 官方 gsap-skills 仓库。