GSAP Animation Skill

参照（公式）

• GSAP公式
• GSAP Docs
• Easing Visualizer
• Common Mistakes
• React & GSAP
• ScrollTrigger

このSkillの基本方針

• ツール選択: CSSで足りるシンプルなアニメーションにはCSSを使う。複雑なシーケンス/インタラクション/制御が必要ならGSAP。
• 構造: Tween（単発）→ Timeline（シーケンス）→ ScrollTrigger（スクロール連動）の段階で設計する。
• パフォーマンス: requestAnimationFrame前提。CSS transitionとの併用は厳禁。
• ライセンス: 2024年Webflow提携で全機能無料化（独自ライセンス、商用OK）。
• React: useGSAP() Hook（@gsap/react）が公式推奨。useEffect/useLayoutEffectのドロップイン代替。