← Volver al catálogo
WebReferenciaIntermedioEn el pase

Sistema de Motion UI Unificado para React

Sistema de motion UI listo para producción en React/Next.js centrado en rendimiento, accesibilidad y usabilidad (no en decoración). Reúne en una sola skill autónoma los principios, la instalación, el versionado de motion/react y los patrones para que la animación solo exista cuando guía la atención, comunica estado o preserva continuidad espacial. Para equipos que quieren un único punto de entrada al motion sin encadenar varias capas.

Comprobando acceso…

Incluida en el Pase · para Claude Code, Cursor, Codex CLI

// resultado_de_ejemplo
Abrir en una pestaña nueva ↗

// qué_hace

Provee un sistema de motion UI completo y autónomo para React/Next.js orientado a rendimiento y accesibilidad.

// cómo_lo_hace

Reúne en una skill el principio rector (la animación debe guiar atención, comunicar estado o preservar continuidad, o eliminarse), instalación, elección de versión (motion/react vs framer-motion sin mezclar), soporte de reduced-motion, adaptación a dispositivos y trade-offs de rendimiento.

// ejemplo_de_uso

Úsala cuando quieras animaciones en tu app React/Next.js que aporten sin penalizar rendimiento ni accesibilidad. Ej.: elegir entre motion/react y framer-motion sin mezclarlas, respetar reduced-motion y suavizar una transición de página sin perder fluidez en móvil.

// plataformas

Claude CodeCursorCodex CLI
Categoría
Web
Tipo
Referencia
Nivel
Intermedio
Licencia
MIT
Seguridad
seguro · riesgo bajo
Versión
1.0.0

// opiniones_de_la_comunidad

Opiniones

Cargando opiniones…