framer-motion
✓React 用の包括的な Framer モーション アニメーション ライブラリ。モーションコンポーネント、バリアント、ジェスチャー、ページ遷移、スクロールアニメーションをカバーします。 React/Next.js アプリケーションにアニメーションを追加するときに使用します。
SKILL.md
| Motion Component | reference/motion-component.md | | Variants | reference/variants.md | | Gestures | reference/gestures.md | | Hooks | reference/hooks.md |
| Page Transitions | examples/page-transitions.md | | List Animations | examples/list-animations.md | | Scroll Animations | examples/scroll-animations.md | | Micro-interactions | examples/micro-interactions.md |
| templates/page-transition.tsx | Page transition wrapper | | templates/animated-list.tsx | Animated list component |
React 用の包括的な Framer モーション アニメーション ライブラリ。モーションコンポーネント、バリアント、ジェスチャー、ページ遷移、スクロールアニメーションをカバーします。 React/Next.js アプリケーションにアニメーションを追加するときに使用します。 ソース: naimalarain13/hackathon-ii_the-evolution-of-todo。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo --skill framer-motion- カテゴリ
- >_生産性
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
framer-motion とは？
React 用の包括的な Framer モーション アニメーション ライブラリ。モーションコンポーネント、バリアント、ジェスチャー、ページ遷移、スクロールアニメーションをカバーします。 React/Next.js アプリケーションにアニメーションを追加するときに使用します。 ソース: naimalarain13/hackathon-ii_the-evolution-of-todo。
framer-motion のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo --skill framer-motion インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo
詳細
- カテゴリ
- >_生産性
- ソース
- skills.sh
- 初回登録
- 2026-02-01