Cree animaciones de React con Motion (Framer Motion): gestos (arrastrar, pasar el cursor, tocar), efectos de desplazamiento, física de resortes, animaciones de diseño, SVG. Paquete: 2,3 KB (mini) a 34 KB (completo). Úselo cuando: arrastrar y soltar, animaciones de desplazamiento, modales, carruseles, paralaje. Solucionar problemas: salida de AnimatePresence, rendimiento de la lista, conflictos de Tailwind, "uso del cliente" de Next.js.
Instala rápidamente el skill de IA motion en tu entorno de desarrollo mediante línea de comandos
Fuente: blockmatic/basilic.
Motion (package: motion, formerly framer-motion) is the industry-standard React animation library used in production by thousands of applications. With 30,200+ GitHub stars and 300+ official examples, it provides a declarative API for creating sophisticated animations with minimal code.
Production Tested: React 19.2, Next.js 16.1, Vite 7.3, Tailwind v4
Performance: Uses native ScrollTimeline API when available for hardware acceleration.
Cree animaciones de React con Motion (Framer Motion): gestos (arrastrar, pasar el cursor, tocar), efectos de desplazamiento, física de resortes, animaciones de diseño, SVG. Paquete: 2,3 KB (mini) a 34 KB (completo). Úselo cuando: arrastrar y soltar, animaciones de desplazamiento, modales, carruseles, paralaje. Solucionar problemas: salida de AnimatePresence, rendimiento de la lista, conflictos de Tailwind, "uso del cliente" de Next.js. Fuente: blockmatic/basilic.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/blockmatic/basilic --skill motionCree animaciones de React con Motion (Framer Motion): gestos (arrastrar, pasar el cursor, tocar), efectos de desplazamiento, física de resortes, animaciones de diseño, SVG. Paquete: 2,3 KB (mini) a 34 KB (completo). Úselo cuando: arrastrar y soltar, animaciones de desplazamiento, modales, carruseles, paralaje. Solucionar problemas: salida de AnimatePresence, rendimiento de la lista, conflictos de Tailwind, "uso del cliente" de Next.js. Fuente: blockmatic/basilic.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/blockmatic/basilic --skill motion Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/blockmatic/basilic