GreenSock 官方出品的 AI 技能包,为 Claude Code、Cursor、Copilot、Windsurf、Codex 等 coding agent 提供 GSAP 动画库的正确用法指导。采用 Agent Skills 格式,通过 npx skills add 一键安装到 agent 的技能目录;Claude Code 也可用 /plugin marketplace add greensock/gsap-skills。包含 8 个技能模块:核心 API(gsap.to/from/fromTo)、Timeline 编排、ScrollTrigger 滚动动画、插件体系(Flip、Draggable、SplitText 等)、React 集成(useGSAP hook)、Vue/Svelte 适配、性能优化及工具函数。技能文件为 Markdown,安装后 agent 在生成 GSAP 代码时会参照其中的最佳实践与常见模式。

社区实测

GSAP 官方推出的 AI 技能文件，让 AI 编码代理能正确使用 GSAP API，支持 Cursor、Claude Code、Copilot 等 40+ 工具

• AI 编码代理常写出不正确的 GSAP 代码，技能文件提供官方 API 用法、时间线、ScrollTrigger 及插件指导
• 多框架项目（React/Vue/Svelte/原生 JS）缺乏统一的 GSAP 集成规范，技能文件覆盖各框架最佳实践与性能建议
• 多 AI 工具间缺乏统一的动画库指导文件，该仓库兼容 40+ 代理，Claude Code 可通过插件市场一键安装

• GSAP 部分插件（ScrollTrigger、MorphSVG 等）需商业许可，学生或免费项目可能无法使用全部功能

来源

GitHub - greensock/gsap-skillsGSAP Animation Expert - Claude Code Skill for Web MotionGsap free alternatives ? : r/Frontend

截至 2026-07-05