motion-animation-patterns
✓このスキルは、React アプリケーションでモーション (フレーマー モーション) アニメーションを実装するために使用します。アニメーション プリセット、ページ遷移、モーダル アニメーション、リスト スタッガー効果、ホバー インタラクション、スケルトン ローダー、RTL 対応アニメーション パターンをカバーします。
SKILL.md
This skill provides comprehensive guidance for implementing Motion (Framer Motion) animations in React 19 applications. It ensures consistent, performant, and accessible animations across the UI using centralized animation presets.
All animations MUST use the centralized animations.ts presets. This ensures:
| Preset | Duration | Ease | Use For |
このスキルは、React アプリケーションでモーション (フレーマー モーション) アニメーションを実装するために使用します。アニメーション プリセット、ページ遷移、モーダル アニメーション、リスト スタッガー効果、ホバー インタラクション、スケルトン ローダー、RTL 対応アニメーション パターンをカバーします。 ソース: yonatangross/skillforge-claude-plugin。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill motion-animation-patterns- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
motion-animation-patterns とは？
このスキルは、React アプリケーションでモーション (フレーマー モーション) アニメーションを実装するために使用します。アニメーション プリセット、ページ遷移、モーダル アニメーション、リスト スタッガー効果、ホバー インタラクション、スケルトン ローダー、RTL 対応アニメーション パターンをカバーします。 ソース: yonatangross/skillforge-claude-plugin。
motion-animation-patterns のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill motion-animation-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/yonatangross/skillforge-claude-plugin
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01