motion-primitives
Installation
SKILL.md
Motion-Primitives
ibelick/motion-primitives — Framer Motion + Tailwind CSS で作る UI アニメーションコンポーネント集。コピペで導入するタイプ(npm install ではない)。React/Next.js + Tailwind プロジェクトが前提。
発動条件
- 「Motion-Primitives」「Motion Primitives」と明示された
- 「文字が一文字ずつ出る」「タイピング演出」「テキストアニメ」
- 「数字のカウントアップ」「KPI を派手に見せたい」
- 「マーキー」「ロゴが横に流れる」「流れる文字」
- 「ホバーで浮くカード」「インビュー演出」「スクロールリビール」
- 「framer-motion で〇〇」と言われた時の有力候補
前提条件
- React 18+ または Next.js(App Router 推奨)
- Tailwind CSS が動いている
framer-motionがインストール済み