·gsap-router
</>

gsap-router

bbeierle12/skill-mcp-claude

GSAP アニメーション ドメインのルーター。トゥイーン、タイムライン、スクロールベースのアニメーション、または React 統合などの GreenSock アニメーション プラットフォームを使用してアニメーションを実装する場合に使用します。基礎、シーケンス、ScrollTrigger、React パターンの 4 つの特殊なスキルにルーティングします。

36インストール·1トレンド·@bbeierle12

インストール

$npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill gsap-router

SKILL.md

Tier 1: Core (Start Here) | Need | Skill | Signals |

| Basic animations, easing | gsap-fundamentals | tween, animate, ease, from, to, duration, delay | | Complex sequences | gsap-sequencing | timeline, sequence, orchestrate, labels, callbacks | | Scroll animations | gsap-scrolltrigger | scroll, pin, scrub, parallax, reveal, sticky |

| React integration | gsap-react | React, useGSAP, ref, hook, cleanup, context |

GSAP アニメーション ドメインのルーター。トゥイーン、タイムライン、スクロールベースのアニメーション、または React 統合などの GreenSock アニメーション プラットフォームを使用してアニメーションを実装する場合に使用します。基礎、シーケンス、ScrollTrigger、React パターンの 4 つの特殊なスキルにルーティングします。 ソース: bbeierle12/skill-mcp-claude。

原文を見る

引用可能な情報

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

インストールコマンド
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill gsap-router
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

gsap-router とは?

GSAP アニメーション ドメインのルーター。トゥイーン、タイムライン、スクロールベースのアニメーション、または React 統合などの GreenSock アニメーション プラットフォームを使用してアニメーションを実装する場合に使用します。基礎、シーケンス、ScrollTrigger、React パターンの 4 つの特殊なスキルにルーティングします。 ソース: bbeierle12/skill-mcp-claude。

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

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

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

https://github.com/bbeierle12/skill-mcp-claude