mindrally/framer-motion

framer-motion とは？

このスキルは、ReactアプリケーションにおいてFramer Motion（Motionライブラリ）を使用してパフォーマンスの高いアニメーションを構築するための専門的なガイドラインを提供します。具体的には、アニメーションのベストプラクティス、パフォーマンス最適化テクニック、一般的な落とし穴の回避方法などを体系的にまとめています。主にFramer MotionがサポートするReactプラットフォームを対象としており、アニメーションの宣言的記述、レイアウトアニメーション、ジェスチャーハンドリング、バリアント活用などの高度な機能を効率的に活用する方法を解説します。また、CSSプロパティの選択やGPUアクセラレーションの活用など、パフォーマンスに配慮した実装パターンも網羅しています。開発者がアニメーションを実装する際の判断基準や設計指針を提供することで、ユーザー体験を損なわずにリッチなインタラクションを実現するための実践的な知識を得ることができます。