animated-component-integration

Guides selection and integration of prebuilt animated React components from copy-into-project libraries, chiefly Magic UI and React Bits. Helps the agent match an effect to a library, verify current props and dependencies from the component's own source and official docs, set up the class-merge utility and animation keyframes for the project's Tailwind version, place files, tune props, compose layered sections, and check performance, reduced-motion and keyboard accessibility. Use when the task is choosing, installing, wiring up or customizing ready-made animated React UI components from these libraries. Not for hand-writing Motion or GSAP animation logic, general React work with no prebuilt animated component involved, or non-React frameworks.

Version

v1.0.0

Size

19 KB

Updated

2026-10-10

Your client verifies the signature before reading. This explicit manual read is available on every plan. Free automatically loads five chosen skills; paid plans automatically load relevant skills across the library.