用途：为 GSAP 的 SVG 动画提供可直接套用的生产级配方，属于 gsap-setup → gsap-animate → gsap-svg → gsap-optimise → gsap-test 流程中的一环，面向 Vue / Nuxt 项目。DrawSVG、MorphSVG 的 API 参考需调用配套的 gsap-plugins 技能；本技能只讲 SVG 动画配方，且需要 greensock/gsap-skills。
主要能力：一、SVG 路径绘制，可用 getTotalLength 配合 strokeDasharray / strokeDashoffset 手动实现，也可在懒加载 DrawSVG 插件后使用 drawSVG（支持 '0%' 及 '40% 80%' 局部区间）。二、路径交错与节点动画，用 timeline 让路径先绘制，再让圆点以 back.out 缓动交错出现，支持无限脉冲环。三、SVG 形变，可用 gsap.to 直接改 attr.d，或用 MorphSVGPlugin 的 morphSVG 指向目标路径；亦可结合 scrollTrigger 做滚动驱动形变。四、Scallop 波浪，对 ellipse 做缩放与透明度瀑布动画，配合 scrollTrigger 的 toggleActions。
必要用法：使用 gsap.context 作用域化动画，组件卸载时调用 ctx?.revert() 并清空 SVG DOM（replaceChildren）。
关键限制与注意：填充要用 fill: transparent 而非 none，因为 none 表示未绘制、GSAP 无法插值；并发时间线必须各自动画不同属性；多层组合应使用绝对时间定位 .add(animation, timeInSeconds) 而非相对偏移；其余细节如 Circuit Tree 三层动画、CTAHud 五层系统等见 references/svg-patterns.md。价格、授权等事实资料暂未提供。