greensock/gsap-skills

Official AI skills for GSAP. These skills teach AI coding agents how to correctly use GSAP (GreenSock Animation Platform), including best practices, common animation patterns, and plugin usage.

解決する課題

このプロジェクトは、AIコーディングエージェント(Claude、Cursor、Copilot など)が、正確で高性能な GSAP (GreenSock Animation Platform) コードを生成できるようにするための公式な「AI スキル」を提供します。これにより、エージェントがアニメーションの実装時に古いパターンや誤った API コールを使用することを防ぎます。

仕組み

「Agent Skills」形式の構造化されたドキュメントと指示セットを提供します。これらのファイルは、CLI ツールを介してインストールするか、エージェントのスキルディレクトリに手動でコピーして使用できます。インストールされると、エージェントはこれらのスキルを使用して、コア API、タイムライン、ScrollTrigger、およびフレームワーク固有の統合(React、Vue、Svelte)を理解します。

対象者

AI コーディングアシスタントを使用してウェブアニメーションを構築する開発者、および AI エージェントに GSAP ライブラリの専門知識を持たせたいと考えている方。

ハイライト

  • 幅広いエージェント対応: Cursor、Claude Code、Copilot、Windsurf、およびその他 40 以上のエージェントと互換性があります。
  • 包括的なカバー範囲: コア API、タイムライン、ScrollTrigger、プラグイン、およびパフォーマンス最適化のための専門的なスキルが含まれています。
  • フレームワークに依存しない: バニラ JavaScript に加え、React、Vue、Svelte のための具体的なガイダンスを提供します。
  • 簡単なインストール: npx skills add によるインストール、または直接プラグインマーケットプレイスの統合をサポートしています。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト