·gsap-scrolltrigger
*

gsap-scrolltrigger

GSAP(GreenSockAnimationPlatform)とScrollTriggerプラグインの総合スキル。このスキルは、Web アニメーション、スクロール ドリブン エクスペリエンス、タイムライン、トゥイーン、スクロール トリガー アニメーション、固定、スクラブ、視差効果を作成する場合、または DOM 要素、SVG、Canvas、WebGL、または Three.js をアニメーション化する場合に使用します。 GSAP、ScrollTrigger、スムーズ アニメーション、スクロール効果、またはアニメーション シーケンスを含むタスクをトリガーします。

18インストール·1トレンド·@freshtechbro

インストール

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill gsap-scrolltrigger

gsap-scrolltrigger のインストール方法

コマンドラインで gsap-scrolltrigger AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/freshtechbro/claudedesignskills --skill gsap-scrolltrigger
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: freshtechbro/claudedesignskills。

GSAP (GreenSock Animation Platform) is the industry-leading JavaScript animation library for creating high-performance, production-quality animations. ScrollTrigger is GSAP's powerful plugin for scroll-driven animations. Together, they enable everything from simple UI transitions to complex scroll-based storytelling experiences.

A tween is a single animation from point A to point B.

ScrollTrigger handles this automatically, but for custom resize logic:

GSAP(GreenSockAnimationPlatform)とScrollTriggerプラグインの総合スキル。このスキルは、Web アニメーション、スクロール ドリブン エクスペリエンス、タイムライン、トゥイーン、スクロール トリガー アニメーション、固定、スクラブ、視差効果を作成する場合、または DOM 要素、SVG、Canvas、WebGL、または Three.js をアニメーション化する場合に使用します。 GSAP、ScrollTrigger、スムーズ アニメーション、スクロール効果、またはアニメーション シーケンスを含むタスクをトリガーします。 ソース: freshtechbro/claudedesignskills。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/freshtechbro/claudedesignskills --skill gsap-scrolltrigger
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-03-01
更新日
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

クイックアンサー

gsap-scrolltrigger とは?

GSAP(GreenSockAnimationPlatform)とScrollTriggerプラグインの総合スキル。このスキルは、Web アニメーション、スクロール ドリブン エクスペリエンス、タイムライン、トゥイーン、スクロール トリガー アニメーション、固定、スクラブ、視差効果を作成する場合、または DOM 要素、SVG、Canvas、WebGL、または Three.js をアニメーション化する場合に使用します。 GSAP、ScrollTrigger、スムーズ アニメーション、スクロール効果、またはアニメーション シーケンスを含むタスクをトリガーします。 ソース: freshtechbro/claudedesignskills。

gsap-scrolltrigger のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/freshtechbro/claudedesignskills --skill gsap-scrolltrigger インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/freshtechbro/claudedesignskills