gsap-sequencing

SKILL.md

| 0 | At 0 seconds (absolute) | | 2 | At 2 seconds (absolute) | | '+=0.5' | 0.5s after previous end | | '-=0.5' | 0.5s before previous end | | '<' | When previous starts | | '>' | When previous ends | | '<0.3' | 0.3s after previous starts | | '>-0.3' | 0.3s before previous ends | | 'myLabel' | At label position | | 'myLabel+=0.5' | 0.5s after label |

ラベル、コールバック、ネストされたタイムライン、位置パラメータを含む複雑な GSAP タイムライン。マルチステップ アニメーションを調整したり、アニメーション シーケンスを構築したり、調整されたモーションを作成したりするときに使用します。映画のようなアニメーションや複雑な UI の振り付けには不可欠です。 ソース: bbeierle12/skill-mcp-claude。

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

安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor などに対応

原文を見る