gsap-scrolltrigger

SKILL.md

| top | Top edge | | center | Center | | bottom | Bottom edge | | 80% | 80% from top | | +=100 | Plus 100 pixels | | -=50 | Minus 50 pixels |

| play | Play forward | | pause | Pause | | resume | Resume from paused | | reverse | Play backward | | restart | Restart from beginning | | reset | Reset to start (no animation) | | complete | Jump to end | | none | Do nothing |

GSAP ScrollTrigger プラグインを使用したスクロールベースのアニメーション (固定、スクラブ、スナップ ポイント、視差効果など)。スクロール駆動のアニメーション、スティッキー セクション、進行状況インジケーター、視差スクロール エクスペリエンスを作成するときに使用します。 ソース: bbeierle12/skill-mcp-claude。

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

原文を見る