Gratis
Solenne · 16:9
Renderizado con este Skill
Product Launch Motion v1.0.0
Un vídeo de lanzamiento de nivel Dribbble para tu app o web: una sola forma de interfaz que nunca corta, un cursor que hace cada clic, muelles, contadores y sonido al ritmo.
Sin valoraciones todavía 0 descargas
- Formato
- Vídeo · 16:9
- Duración
- 0:30
Gratis Gratis con una cuenta
Pega esto en tu agente. Conecta la CLI si hace falta y luego instala el Skill.
Un Skill de código abierto que dirige un vídeo de lanzamiento como lo harían los mejores motion designers. Un único elemento pasa de botón a slider, interruptor y gráfico sin un solo corte, un cursor provoca cada cambio, las cifras giran en contadores y cada clic y cada barrido caen en el ritmo de la música. Tu agente escribe la historia, construye el vídeo en HTML, lo renderiza a 60 fps con desenfoque de movimiento y te entrega el MP4.
Actualizado el 2 nov 2026
Qué obtienes
- Un vídeo de lanzamiento terminado en H.264 MP4, 1920×1080 a 60 fps con desenfoque de movimiento
- Un único vídeo en HTML donde cada fotograma depende del tiempo, listo para editar
- Una hoja de contactos con un fotograma por tiempo y un storyboard de uno por segundo
- Efectos de sonido sintetizados y mezclados con tu música al ritmo
Ideal para
- Lanzamientos de apps, SaaS y webs
- Nuevas funciones y actualizaciones de producto
- Cortinillas de marca y reels de motion de interfaz
No es para
- Vídeos con presentador o grabados en vivo
- Explicativos narrados con guion de locución
Sobre este Skill
Tú dices
/product-launch-motion Haz un vídeo de lanzamiento de 30 segundos para mi app en localhost:3000. Una sola forma que nunca corta: una tarjeta se convierte en slider, interruptor, píldora de estado y panel. Usa esta pista de 120 BPM y haz que el número de registros caiga en el drop.
Dale a tu agente tu web o tu app. Construye la historia a partir del problema de tu cliente y dirige un vídeo de lanzamiento: el titular aparece palabra a palabra, se escribe una petición y una sola forma lleva toda la demo, pasando de tarjeta a slider, interruptor, píldora de estado y panel mientras un cursor hace clic y arrastra. La cámara se acerca para que cada estado llene el encuadre, se aleja para mostrar la escala y el vídeo termina con tus cifras subiendo y tu logo cayendo justo en el drop.
Cómo funciona
- Primero la dirección: tu agente lee tu producto y escribe un plan creativo breve: la historia y el momento clave, el tratamiento de marca, la música y una lista de escenas por tiempo. Toma las decisiones creativas por su cuenta y las enumera para que puedas revocar cualquiera con una sola respuesta.
- Primero la música: mide la rejilla de pulsos de la canción con numpy y cuadra cada escena con ella, así pasa algo en cada tiempo y el gran momento cae en el drop.
- Un solo vídeo en HTML: cada fotograma se calcula a partir del tiempo, con muelles en forma cerrada, interruptores y pestañas que se estiran porque cada borde va a su ritmo, cambios de contenido con desenfoque, un cursor que se inclina, se pulsa y deja onda, y contadores para tus cifras.
- Sonido: los sonidos de interfaz se sintetizan desde cero y cada uno se coloca por su propio pico sobre el tiempo.
- Revisión y render: un fotograma por tiempo en una hoja de contactos, correcciones, y después Playwright renderiza cuatro subfotogramas por fotograma y FFmpeg los funde en un desenfoque de movimiento real a 60 fps.
Consejos
- Trae una pista libre de derechos de unos 120 BPM con subida y drop, o deja que el agente la busque.
- Enumera los 8 a 12 estados en los que quieres que se convierta la forma, o di «decide tú».
- Dale tus cifras reales; mantiene ciertas las grandes y te dice qué detalles ha inventado.
- Úsalo con Claude Opus 5.5 para el mejor resultado; el detalle es lo que lo hace parecer caro.
Código abierto
Product Launch Motion lo ha creado Muhammad Abubakr (AbubakrChan/product-launch-motion) y se comparte con licencia MIT. La descarga es el Skill tal como está publicado en GitHub, sin los vídeos de muestra que el autor hizo para Cheerful.
Qué necesitas antes de empezar
- Tú aportas
- Tu web o tu app, la historia o los estados que quieres mostrar, tus cifras reales y tu logo y, si quieres, una canción libre de derechos de unos 120 BPM.
- Dependencias
- Node.js 20 o posterior — obligatorio · Playwright Chromium — obligatorio · FFmpeg — obligatorio · Python 3.9 o posterior — obligatorio
- Costes externos
- Ninguno. El vídeo se construye y se renderiza en tu ordenador y los efectos se sintetizan; no se usan claves de API ni servicios de pago.
- Última prueba
- v1.0.0 —
Opiniones de usuarios
Aún no hay opiniones. Instala el Skill y sé el primero en valorarlo.
Preguntas frecuentes
¿Qué significa «una forma, sin cortes»?
Toda la demo es un único elemento que cambia de tamaño, radio de esquina y color mientras su contenido cambia con un breve desenfoque. Un botón pasa a ser un indicador de carga, un slider, un interruptor y un gráfico, así la mirada nunca se pierde.
¿Necesito música?
Funciona mejor con una pista libre de derechos de unos 120 BPM con subida y drop. Tráela tú o deja que el agente la busque y organice la subida y el drop en torno a tu gran momento.
¿Puedo cambiar cosas después del render?
Sí. El vídeo es un único archivo HTML en el que cada fotograma se calcula a partir del tiempo, así que puedes cambiar textos, colores, ritmo o una escena entera y volver a renderizar.
¿Por qué es gratis?
Product Launch Motion es un Skill de código abierto de Muhammad Abubakr. Lo listamos tal cual, con una muestra hecha ejecutándolo sobre nuestra app de hogar inteligente, Solenne.
