greensock/gsap-skills

これは何？

主な機能

• 01gsap.to、from、fromToにおける基本的なトゥイーン、イージング、スタガー、デフォルト設定を解説します。
• 02タイムラインの順序制御、positionパラメーター、ラベル、ネストについて説明します。
• 03pin、scrub、refreshなど、ScrollTriggerの使い方を案内します。
• 04Flip、Draggable、SplitText、ScrollSmootherなどのプラグインの使い方を紹介します。
• 05適切なクリーンアップを行うための、React useGSAPとgsap.contextのパターンを紹介します。

ユースケース

• AIコーディングアシスタントに、GSAPでスクロール連動アニメーションを生成させる。
• AIが生成するGSAPコードを、ライブラリ推奨のパターンに沿って統一する。
• 適切なクリーンアップを行いながら、React、Vue、SvelteのプロジェクトにGSAPアニメーションを追加する。

クイックスタート

1. 1

   コーディングエージェントにスキルをインストールします

   npx skills add https://github.com/greensock/gsap-skills
2. 2

   プロジェクトにGSAPパッケージをインストールします（すべてのプラグインが含まれています）

使う前に知っておきたいこと

• !スキルはAIエージェント向けのガイダンスであり、GSAPライブラリそのものではありません。そのため、アニメーションを実行するにはgsapを別途インストールする必要があります。

トピック

よくある質問

gsap-skills とは？

コーディング支援AIにGSAPを正しく使わせる、公式AIエージェントスキル集。コアAPI、タイムライン、ScrollTrigger、プラグインを網羅。 GSAP AI Skillsは、GreenSockチームが提供するGSAP（GreenSock Animation Platform）用のAgent Skillsファイル集です。各スキルは、AIコーディングエージェントが読み込む特定のトピックに特化したガイドで、ライブラリの想定に沿ってGSAPコードを書けるよう、トゥイーン、タイムライン、ScrollTrigger、プラグイン、gsap.utils、Reactなどのフレームワーク、パフォーマンスを扱います。

gsap-skills は無料で使えますか？ライセンスは？

gsap-skills は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

gsap-skills は今もメンテナンスされていますか？

半年以内に更新あり。gsap-skills の最終コミットは 2026年7月29日 です。

gsap-skills は何に使えますか？

AIコーディングアシスタントに、GSAPでスクロール連動アニメーションを生成させる。 AIが生成するGSAPコードを、ライブラリ推奨のパターンに沿って統一する。 適切なクリーンアップを行いながら、React、Vue、SvelteのプロジェクトにGSAPアニメーションを追加する。

gsap-skills のインストール方法は？

コーディングエージェントにスキルをインストールします: npx skills add https://github.com/greensock/gsap-skills プロジェクトにGSAPパッケージをインストールします（すべてのプラグインが含まれています）

gsap-skills はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/greensock/gsap-skills