GSAP Skills：讓 Claude / Cursor 做出不再一眼 AI 味的網站互動動畫
Frontend / Threads Ingestion / 2026-06-20
GSAP Skills：讓 Claude / Cursor 做出不再一眼 AI 味的網站互動動畫
貼文指出 AI 做網站常陷入紫藍漸層、玻璃卡片、光球背景與 fade-in 模板感；加入 GSAP Skills 可讓互動與動畫質感明顯改善。
整理原則：此文由 Threads 社群貼文整理而來；涉及投資、金融、法律、醫療、商譽或未驗證技術 claims 時，均視為線索與判斷框架，不直接等同官方確認或投資建議。
核心內容
這篇適合納入 AI 前端設計流程。問題不是 AI 不能做 UI，而是預設審美與元件套路太固定。GSAP 的價值在於精準控制時間軸、滾動觸發、轉場、視差與 micro-interaction；把它做成 skill，可讓 Claude / Cursor 從靜態 landing page 產出提升到具作品集質感的互動頁。
查證結果
查證狀態：已查證成立（verified）
GSAP 官方 GitHub 組織確有 `greensock/gsap-skills` repo，README 明確稱為「Official AI skills for GSAP」，並標示支援 Claude、Cursor、Copilot 等代理工作流。它本質是 Agent Skills 格式的 skill pack，教 AI 正確使用 GSAP API、ScrollTrigger、框架整合與效能模式；不是 Claude 或 Cursor 官方內建產品，也不是單一自動化設計工具。
查證來源