gsap
✓Web アニメーション、タイムライン シーケンス、スクロール トリガー アニメーション、SVG アニメーション、レイアウト遷移を実装する場合、または GSAP、ScrollTrigger、ScrollSmoother、SplitText、Flip、DrawSVG、MorphSVG、MotionPath、または @gsap/react useGSAP フックを使用する場合に使用します。
SKILL.md
Professional-grade JavaScript animation library for the modern web. Provides high-performance tweening with powerful sequencing, scroll-based animations, and extensive plugin ecosystem.
| Tween | Single animation that changes properties over time | | Timeline | Container for sequencing tweens with precise control | | Ease | Controls animation velocity curve (default: power1.out) | | ScrollTrigger | Links animations to scroll position | | Plugin | Extends GSAP with specialized capabilities |
| references/00-cheatsheet.md | Quick reference, common operations at a glance | | references/01-core.md | Basic tweens, special properties, callbacks, quickTo, ticker | | references/02-easing.md | Easing functions, custom eases | | references/03-timeline.md | Sequencing, positioning, labels, nesting |
Web アニメーション、タイムライン シーケンス、スクロール トリガー アニメーション、SVG アニメーション、レイアウト遷移を実装する場合、または GSAP、ScrollTrigger、ScrollSmoother、SplitText、Flip、DrawSVG、MorphSVG、MotionPath、または @gsap/react useGSAP フックを使用する場合に使用します。 ソース: noklip-io/agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/noklip-io/agent-skills --skill gsap- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
gsap とは？
Web アニメーション、タイムライン シーケンス、スクロール トリガー アニメーション、SVG アニメーション、レイアウト遷移を実装する場合、または GSAP、ScrollTrigger、ScrollSmoother、SplitText、Flip、DrawSVG、MorphSVG、MotionPath、または @gsap/react useGSAP フックを使用する場合に使用します。 ソース: noklip-io/agent-skills。
gsap のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/noklip-io/agent-skills --skill gsap インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/noklip-io/agent-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01