Wayen(@wayen_ai):GSAP 官方出了 AI 技能包，专门教 AI 写动画代码。以前让 AI 写 GSAP 动画，它经常用错 API、忽略 cleanup、把 ScrollTrigger 用成内存泄漏制造机。现在官方把这些坑都封装成了 8 个技能，包括核心动画、时间线、滚动触发器、插件、性能优化、React/Vue/Svelte 框架集成。安装方式： npx skills add https://t.co/S7EKwdJcvj 然后你的 AI 代理就能写出规范的 GSAP 代码了。核心技能： - gsap-core：核心 API 用法 - gsap-timeline：时间线编排 - gsap-scrolltrigger：滚动触发动画（含刷新和清理） - gsap-plugins：全部插件用法（SplitText、MorphSVG、Flip 等，现在全部免费） - gsap-utils：工具函数 - gsap-react：useGSAP hook 和 context 管理 - gsap-performance：性能优化 - gsap-frameworks：Vue、Svelte 等框架用法适用场景：当 AI 代理需要写网页动画时，直接让 AI 用这些技能，生成的是可维护、可运行的生产级代码，而不是靠猜的塑料演示动画。支持 Claude Code、Cursor、Codex、Copilot、Antigravity 等 40+ 工具。 GSAP 本身 100% 免费，所有插件都已开源免费。

2026.07.24 12:11

GSAP 官方出了 AI 技能包，专门教 AI 写动画代码。以前让 AI 写 GSAP 动画，它经常用错 API、忽略 cleanup、把 ScrollTrigger 用成内存泄漏制造机。现在官方把这些坑都封装成了 8 个技能，包括核心动画、时间线、滚动触发器、插件、性能优化、React/Vue/Svelte 框架集成。安装方式： npx skills add 然后你的 AI 代理就能写出规范的 GSAP 代码了。核心技能： - gsap-core：核心 API 用法 - gsap-timeline：时间线编排 - gsap-scrolltrigger：滚动触发动画（含刷新和清理） - gsap-plugins：全部插件用法（SplitText、MorphSVG、Flip 等，现在全部免费） - gsap-utils：工具函数 - gsap-react：useGSAP hook 和 context 管理 - gsap-performance：性能优化 - gsap-frameworks：Vue、Svelte 等框架用法适用场景：当 AI 代理需要写网页动画时，直接让 AI 用这些技能，生成的是可维护、可运行的生产级代码，而不是靠猜的塑料演示动画。支持 Claude Code、Cursor、Codex、Copilot、Antigravity 等 40+ 工具。 GSAP 本身 100% 免费，所有插件都已开源免费。