GSAP Skills — 讓 AI 不再寫出大學生 PPT 級動畫

• URL: https://www.threads.com/@prompt_case/post/DZCmOnTjYJK
• Date Saved: 2026-06-01
• Source: Threads (@prompt_case)
• Tags: creative-ai, dev-tools

Summary

跟上一篇 @ai.alter 同主題，更深入解釋 GSAP 官方開源 gsap-skills 的意義。

核心問題：AI 寫的動畫功能都對，但動效僵硬呆板，因為 AI 不懂「動效審美」。

GSAP 官方解法：gsap-skills = 為 Agent 裝上「前端美感大腦」

功能：

• 絲滑 Timeline：電影運鏡般的序列動畫
• ScrollTrigger：Apple 發表會等級的滾動敘事
• 高階外掛：SplitText、Flip、MorphSVG、MotionPath 等全部免費解鎖（Webflow 收購後）
• 25+ 高級動畫實戰案例
• 跨框架：React、Vue、Svelte、Vanilla JS

安裝： npx skills add github.com/greensock/GSAP

支援工具：Cursor、Claude Code、Copilot、Windsurf、Google Antigravity、40+ agents

GitHub: github.com/greensock/GSAP

補充：所有 GSAP plugins 現在完全免費（包含原本付費的 SplitText、MorphSVG），因為被 Webflow 收購後全面開放。