motion
✓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.
Instalación
SKILL.md
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: jezweb/claude-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/jezweb/claude-skills --skill motion- Fuente
- jezweb/claude-skills
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es motion?
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: jezweb/claude-skills.
¿Cómo instalo motion?
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/jezweb/claude-skills --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 o Cursor
¿Dónde está el repositorio de origen?
https://github.com/jezweb/claude-skills
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01