animated-component-libraries

This skill provides expertise in pre-built animated React component libraries, specifically Magic UI and React Bits. These libraries offer production-ready, animated components that significantly accelerate development of modern, interactive web applications.

Magic UI provides 150+ TypeScript components built on Tailwind CSS and Framer Motion, designed for seamless integration with shadcn/ui. Components are copy-paste ready and highly customizable.

React Bits offers 90+ animated React components with minimal dependencies, focusing on visual effects, backgrounds, and micro-interactions. Components emphasize performance and ease of customization.

Magic UI (150 以上の TypeScript/Tailwind/Motion コンポーネント) と React Bits (90 以上の最小限の依存関係のアニメーション コンポーネント) を組み合わせた、事前に構築されたアニメーション React コンポーネント コレクション。このスキルは、アニメーションを手作りするのではなく、事前に作成されたアニメーション コンポーネントを必要とするランディング ページ、マーケティング サイト、ダッシュボード、またはインタラクティブ UI を構築するときに使用します。アニメーション化された UI コンポーネント、Magic UI、React Bits、shadcn/ui 統合、Tailwind CSS コンポーネント、またはコンポーネント ライブラリの選択に関連するタスクをトリガーします。 Framer Motion または GSAP を使用してアニメーションを手動で実装する代わりに。 ソース: freshtechbro/claudedesignskills。