GSAP Optimiser 是针对 Vue 3 / Nuxt 3 的 GSAP 动画性能优化指南，附带 references/performance-deep-dive.md 与 references/vue-examples.md 两份参考资料，分别提供扩展 API 细节和完整组件代码。
用途：让使用 GSAP 的 Vue/Nuxt 组件在清理、渲染与滚动性能上更规范。
主要能力与规则：
- 上下文清理：每个 gsap.to() / gsap.fromTo() / gsap.timeline() 都应位于 gsap.context() 内或通过 ctx.add() 收集，并在 onUnmounted 调用 ctx.revert()，以统一杀死补间、ScrollTrigger 并还原样式；与自带上文的组合式函数共存时另建独立上下文。
- GPU 加速：只动画 transform 与 opacity，避免 left/top/width/height 等布局属性；force3D 默认 "auto"，高频动画元素可设 true，放大图片可设 false 避免模糊。
- will-change：交互开始时设置，动画完成后在 onComplete 释放为 auto，不要常驻 CSS。
- 高频动画：所有快速触发的补间加 overwrite: 'auto'；重复动画型光标/滚动更新用 gsap.quickTo()（快 50%-250%）；每帧直接改值用 gsap.quickSetter()。
- 渲染：默认 lazy: true 不要改；显示隐藏用 autoAlpha 替代 opacity；transformPerspective 用 gsap.set() 一次性设置。
- ScrollTrigger：大量同质元素用 ScrollTrigger.batch()；可加 once: true、invalidateOnRefresh: true，scrub 优先用数值（如 0.5）；生产环境移除 markers；移动端可用 normalizeScroll()；响应式用 gsap.matchMedia()。
- 组织：共享补间默认值抽为常量；用 gsap.registerEffect() 注册可复用动画；时间线创建一次后 play()/reverse()，不要每次重建。
限制：资料未提供安装方式、版本要求、收费或平台信息。相关命令与代码片段需按原文使用，暂未提供更多环境约束说明。