Repolode
Enviar
oil-oil

oil-oil/oil-motion

Una skill de agente para Claude Code y Codex que convierte el movimiento generado por IA en animaciones web controladas por scroll, mouse, arrastre, toque u orientación del dispositivo.

Ver en GitHub
Estrellas
2,632
Forks
197
Issues abiertos
1
Último commit
hace 16 días

¿Qué es?

Oil Motion es una skill independiente del agente para crear animaciones web interactivas. Planifica el movimiento, genera fotogramas continuos con modelos de video con IA, revisa y recorta los fotogramas, comprime los recursos al tamaño al que se muestran en la página y vincula el scroll, el puntero, el arrastre, el toque o la orientación del dispositivo con el progreso de la animación.

El flujo de trabajo comienza por confirmar fotogramas clave, como los estados inicial, intermedio y final, para mantener la identidad y la estructura del sujeto. Después, el video generado con IA completa el movimiento entre ellos, mientras que el desplazamiento, el escalado, el recorte, la aceleración y la velocidad de rotación se controlan mediante código. El resultado es una secuencia de fotogramas o un video preparado que el navegador recorre o reproduce en respuesta a la interacción, en lugar de generar contenido de nuevo en ese momento.

Los recursos pueden entregarse como MP4 renderizado, hojas de sprites WebP con canal alfa o MP4 con pantalla verde y eliminación del fondo mediante WebGL, según las necesidades de tamaño, transparencia y reproducción. La generación usa ZenMux para los modelos de imagen y video, y requiere una clave API guardada en el almacén de credenciales del sistema.

Funciones clave

  • 01Planifica primero los fotogramas clave para mantener la coherencia del sujeto en todo el movimiento generado.
  • 02Vincula el scroll, el mouse, el arrastre, el toque o la orientación del dispositivo con el progreso de la animación.
  • 03Recorta las pausas, elimina los fotogramas duplicados y detecta parpadeos o cambios estructurales.
  • 04Comprime los recursos según el tamaño al que se muestran realmente en la página.
  • 05Ofrece formatos de entrega MP4 renderizado, hojas de sprites WebP con canal alfa y MP4 con pantalla verde.
  • 06Guarda la clave API de ZenMux en el almacén de credenciales del sistema.

Casos de uso

  • Páginas de productos donde un dispositivo se despliega y muestra sus componentes al explotar mientras el usuario hace scroll.
  • Rostros de personajes o mascotas que siguen el cursor al pasar sobre ellos.
  • Vistas de producto de 360° controladas mediante arrastre.
  • Narrativas controladas por scroll que recorren varias escenas de video conectadas.

Temas

#agent-skill#web-animation#scroll-animation#frontend#ai-video#interaction#motion-design#agent-skills#animation#claude-code

Preguntas frecuentes

¿Qué es oil-motion?
Una skill de agente para Claude Code y Codex que convierte el movimiento generado por IA en animaciones web controladas por scroll, mouse, arrastre, toque u orientación del dispositivo. Oil Motion es una skill independiente del agente para crear animaciones web interactivas. Planifica el movimiento, genera fotogramas continuos con modelos de video con IA, revisa y recorta los fotogramas, comprime los recursos al tamaño al que se muestran en la página y vincula el scroll, el puntero, el arrastre, el toque o la orientación del dispositivo con el progreso de la animación.
¿oil-motion es gratuito? ¿Qué licencia tiene?
oil-motion es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿oil-motion sigue mantenido?
Mantenimiento activo. El último commit de oil-motion fue el 4 oct 2026.
¿Para qué puedo usar oil-motion?
Páginas de productos donde un dispositivo se despliega y muestra sus componentes al explotar mientras el usuario hace scroll. Rostros de personajes o mascotas que siguen el cursor al pasar sobre ellos. Vistas de producto de 360° controladas mediante arrastre. Narrativas controladas por scroll que recorren varias escenas de video conectadas.
¿Dónde consigo oil-motion?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/oil-oil/oil-motion

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados