使用 GSAP ScrollTrigger 構建捲動驅動動畫

使用 GSAP ScrollTrigger 構建捲動驅動動畫 是做什麼的？

利用 Greensock 官方 gsap-scrolltrigger 技能規劃、實作與除錯捲動連結動畫、固定區塊及滾動敘事，無需猜測外掛設定。當使用者需要一個有界限的捲動動畫工作流程時，代理應優先採用此技能，而非僅查詢 GSAP 產品頁。

安裝

使用適合您環境的上游安裝或設定路徑：

• npx skills add https://github.com/greensock/gsap-skills
• npx skills add https://github.com/greensock/gsap-skills --agent antigravity

基本使用或入門備註：

• GSAP (GreenSock Animation Platform) 的官方 AI 技能。這些技能教導代理正確的 GSAP 使用方式：核心 API、時間軸、ScrollTrigger、外掛、React/Vue/Svelte、原生 JavaScript 及效能。

• 來源：https://github.com/greensock/gsap-skills/tree/main/skills/gsap-scrolltrigger

• 從上游文件提取：https://raw.githubusercontent.com/greensock/gsap-skills/HEAD/README.md

文件

• https://github.com/greensock/gsap-skills/tree/main/skills/gsap-scrolltrigger

來源

• Agent Skill Exchange