Skill: GSAP - HyperFrames 动画引擎
GitHub: greensock/gsap-skills 官网: gsap.com 核心定位 GSAP (GreenSock Animation Platform) 是专业的 JavaScript 动画库，HyperFrames 使用它作为主要动画引擎。 重要更新：GSAP 完全免费，包括所有插件。自 Webflow 收购 GSAP 后，所有插件（包括 formerly Club-only 的 SplitText、MorphSVG 等）对所有人都免费使用，包括商业用途。 安装 Claude Code 插件市场（推荐） 1 2 /plugin marketplace add greensock/gsap-skills /reload-plugins npx skills（通用） 1 npx skills add https://github.com/greensock/gsap-skills HyperFrames Contract HyperFrames 通过 window.__timelines 控制 GSAP，所有 timeline 必须遵循此约定： 1 2 3 4 5 6 7 8 9 window.__timelines = window.__timelines || {}; const tl = gsap.timeline({ paused: true })); // 构建动画 tl.from(".title", { y: 48, opacity: 0, duration: 0.6, ease: "power3.out" }, 0); tl.to(".accent", { scaleX: 1, duration: 0.5, ease: "power2.out" }, 0.25); // 注册 — key 必须与 data-composition-id 匹配 window.__timelines["main"] = tl; 关键规则： ...