Communitygithub.com

patricio0312rev/framer-motion-animator

Framer Motion を使用してスムーズなアニメーションやマイクロインタラクションを作成します。ページ遷移、ジェスチャー、スクロールベースのアニメーション、オーケストレーションシーケンスを含みます。ユーザーが「アニメーション追加」「framer motion」「ページ遷移」「コンポーネントアニメーション」「マイクロインタラクション」をリクエストしたときに使用します。

framer-motion-animator とは?

patricio0312rev/framer-motion-animator は、Framer Motion ライブラリを活用して、洗練されたアニメーションとマイクロインタラクションを React アプリケーションに追加するためのスキルです。このスキルは、ページ遷移、ジェスチャー応答、スクロール連動アニメーション、複数のアニメーションを調整するオーケストレーションシーケンスなど、多様なアニメーション効果を生成します。開発者は「アニメーションを追加」「framer motion」「ページ遷移」「コンポーネントをアニメーション化」「マイクロインタラクション」といった自然言語リクエストを行うだけで、複雑なアニメーションロジックを手動で記述することなく実装できます。Claude Code や Cursor などの AI エージェントプラットフォームで動作し、Framer Motion の `motion` コンポーネントや `AnimatePresence` などの強力な API を適切に活用して、パフォーマンスとユーザーエクスペリエンスを向上させます。これにより、開発の生産性が大幅に向上し、アプリケーションにプロフェッショナルな動きを簡単に組み込むことが可能になります。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/patricio0312rev/skills/tree/main/skills/framer-motion-animator

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

framer-motion-animator は何をしますか?

Framer Motion を使用してスムーズなアニメーションやマイクロインタラクションを作成します。ページ遷移、ジェスチャー、スクロールベースのアニメーション、オーケストレーションシーケンスを含みます。ユーザーが「アニメーション追加」「framer motion」「ページ遷移」「コンポーネントアニメーション」「マイクロインタラクション」をリクエストしたときに使用します。

関連スキル