用途:GSAP(GreenSock)官方技能套件,面向智能体,用于在项目中编写与排查 GSAP 动画。资料表明其覆盖核心补间、Timeline 编排、ScrollTrigger(滚动关联与滚动触发动画)、Flip/Draggable/SplitText 插件、工具函数、React 的 useGSAP hook 与清理模式、以 60fps GPU 加速为目标的性能技能,以及 Vue、Svelte、Nuxt 集成。
主要能力:共 8 个聚焦技能,触发词包括 GSAP、GreenSock、ScrollTrigger、GSAP timeline、useGSAP。可在 Cursor、Claude Code、GitHub Copilot 中使用。
安装:npx skills add https://github.com/greensock/gsap-skills;Claude Code 也可在对话中发送 ! npx skills add …(加 -g 为全局,省略为仅当前项目)。安装后以技能名 gsap-skills 调用;若技能目录中已有此技能且内容超过占位存根,说明已安装,可直接调用。
适用场景:需要 JS 驱动的 GSAP 动画、滚动交互与 React 集成时使用。
限制:纯 CSS 无 JavaScript 动画不适用(资料建议改用 animate-css-skill);React 中的 Framer Motion 项目不适用(资料建议改用 framer-motion-skills)。收费标准、支持平台细节与具体使用步骤暂未提供。