GSAP(GreenSockAnimationPlatform)とScrollTriggerプラグインの総合スキル。このスキルは、Web アニメーション、スクロール ドリブン エクスペリエンス、タイムライン、トゥイーン、スクロール トリガー アニメーション、固定、スクラブ、視差効果を作成する場合、または DOM 要素、SVG、Canvas、WebGL、または Three.js をアニメーション化する場合に使用します。 GSAP、ScrollTrigger、スムーズ アニメーション、スクロール効果、またはアニメーション シーケンスを含むタスクをトリガーします。
コマンドラインで gsap-scrolltrigger AI スキルを開発環境にすばやくインストール
ソース: 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-scrolltriggerGSAP(GreenSockAnimationPlatform)とScrollTriggerプラグインの総合スキル。このスキルは、Web アニメーション、スクロール ドリブン エクスペリエンス、タイムライン、トゥイーン、スクロール トリガー アニメーション、固定、スクラブ、視差効果を作成する場合、または DOM 要素、SVG、Canvas、WebGL、または Three.js をアニメーション化する場合に使用します。 GSAP、ScrollTrigger、スムーズ アニメーション、スクロール効果、またはアニメーション シーケンスを含むタスクをトリガーします。 ソース: freshtechbro/claudedesignskills。
ターミナルまたはコマンドラインツール（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