Vídeos animados con Claude: qué enseña la galería de Prompt Motion y cómo hacer el tuyo

Necesitas un vídeo de quince segundos que enseñe tu aplicación, una explicación animada para la portada o el logo moviéndose al final de una presentación, y en la empresa nadie abre After Effects. Hay quien ya se lo pide a Claude con un párrafo de texto, y Prompt Motion junta esos resultados.

Es una galería que se presenta como «una colección de vídeos animados hechos con Claude Opus 5.5, con los prompts y las skills que hay detrás». La selecciona quien firma como @p4nthera_, y casi todos los vídeos traen al lado el texto exacto que los generó. Ves qué se pidió y qué salió, y te llevas el punto de partida.

Qué hay en Prompt Motion

A 14 de octubre la portada muestra 233 vídeos. Se filtran por tipo (interfaz de producto, móvil, gráficos, diagramas, tipografía animada, formas, partículas, personajes, fotos, música y código) y por si salieron de un prompt o de una skill, que es un paquete de instrucciones reutilizable para Claude. Cada ficha enseña el autor, el enlace a su publicación original, el prompt, el modelo y la fecha.

Customize adapta un prompt de la galería a tu proyecto y, según la propia web, es gratis y tus datos se quedan en tu navegador. En Templates hay de momento dos plantillas suyas, una para escenas en 3D y otra para un «showreel». Y el blog publicó el 10 de octubre cinco análisis de la galería con cifras.

Claude no graba un vídeo, escribe el código que lo dibuja

Claude no genera píxeles. Escribe un programa que calcula cómo es cada fotograma en cada instante, y otra herramienta lo convierte en un MP4. La comparativa de herramientas del blog explica que las tres vías principales hacen lo mismo por debajo. Un navegador sin ventana carga la animación, la lleva a un instante exacto, saca una captura y repite con cada fotograma, y luego ffmpeg junta las capturas en un vídeo. Como cada fotograma sale del tiempo, un ordenador lento no se salta ninguno ni se desincroniza de la música.

De los 233 vídeos, solo 56 dicen cómo se renderizaron:

Vía	Vídeos	Para qué se usó sobre todo
HTML o canvas capturado con un navegador sin ventana	23	De todo: explicativos, lanzamientos, interfaces
Remotion	13	Vídeos de lanzamiento (10 de 13)
HyperFrames	10	Vídeos de lanzamiento (6 de 10)
Three.js	5	Escenas en 3D
Otras (Manim, Blender, Python con ffmpeg)	5	Uno de cada

El artículo avisa de que son grupos pequeños y de que los «me gusta» dependen del vídeo y del público, no de la herramienta.

HTML grabado con Playwright

Claude escribe una página HTML que coloca cada elemento según el tiempo, y un guion pequeño usa Playwright, una herramienta para automatizar navegadores, para avanzar instante a instante y guardar cada fotograma. Playwright tiene su propia grabación de vídeo, pensada para los tests, pero lo que usan estos prompts es la captura fotograma a fotograma. Según el blog, es la más común porque solo pide Playwright y ffmpeg.

Remotion

Remotion sirve para hacer vídeos con React: cada escena es un componente que sabe en qué fotograma está. Si tu producto ya está en React, Claude puede reutilizar sus componentes. Tiene una guía para usarlo con agentes como Claude Code, que arranca un proyecto con npx create-video --yes --blank my-video y le añade sus skills con npx remotion skills add.

Ojo con su licencia. Pueden usarlo gratis, también para trabajos comerciales, los particulares, las empresas con ánimo de lucro de hasta 3 empleados, las organizaciones sin ánimo de lucro y quien lo esté evaluando sin usarlo aún de forma comercial. El resto necesita una licencia de empresa, que se compra en remotion.pro, y la propia licencia anuncia que cambiará ligeramente con Remotion 5.0. Si en tu empresa sois más de tres, léela antes.

HyperFrames

HyperFrames es un proyecto de HeyGen que se describe como «escribe HTML, renderiza vídeo, hecho para agentes». Convierte HTML, CSS y animaciones en MP4 y se publica con licencia Apache 2.0, que no pone condiciones por tamaño de empresa. Para Claude Code se instala como plugin, según su README:

claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

Queda a medio camino, con el renderizador hecho, como Remotion, y Claude escribiendo HTML, como en la vía simple. Su vídeo más valorado de la galería, la promoción de una app de productos para bebés, llegó a 1.415 «me gusta».

Three.js para el 3D

Three.js es una biblioteca de JavaScript para 3D en el navegador y se captura igual que el HTML. En la galería la usan cinco escenas con luz y cámara, y para animación plana el blog la ve innecesaria.

Claude Code entra en todas, porque para que salga un MP4 alguien tiene que ejecutar Playwright, ffmpeg o el renderizador de turno, y eso lo hace Claude Code en tu ordenador (la diferencia entre trabajar en el chat, en tu equipo o en la nube la tienes en dónde vive tu agente de IA). Las skills de Remotion o HyperFrames le dan a Claude las reglas de cada herramienta para que no tengas que escribirlas tú.

Qué hace bueno un prompt, según 230 ejemplos

El análisis de 230 prompts es el más revelador. Un mismo prompt de 26 palabras, que pide a Claude un vídeo de quince segundos presumiendo de diseñador de animación, aparece copiado tal cual en 33 vídeos. El peor no tuvo ningún «me gusta» y el mejor, 17.023. La mediana, 5. Seis de esas personas dijeron usar el esfuerzo máximo de Claude y quedaron en los dos extremos. Un prompt que no decide nada lo deja todo al azar.

Los prompts largos que mejor funcionaron comparten cinco partes, según el mismo análisis: una sola idea de la que sale cada plano, una lista de efectos prohibidos, el ritmo marcado en pulsaciones por minuto, el método de construcción y un paso de revisión en el que Claude renderiza un fotograma por compás y corrige lo que se monta o no se lee. Los 19 prompts de más de 100 palabras tuvieron una mediana de 56 «me gusta», frente a 5 de los de 26 palabras o menos, con el matiz del blog de que quien escribe prompts largos quizá tenga también más seguidores.

En vídeos de lanzamiento, el análisis de 92 prompts ve que los que gustaron nombran qué enseñar, los colores, la tipografía, el ritmo y el final. Y 76 de los 94 salieron en horizontal, aunque solo 12 prompts decían el formato. Si es para el móvil, pon «9:16 vertical» y el tamaño en píxeles.

En los explicativos, el análisis de 27 ejemplos premia los que dan a Claude un proceso con principio y fin. El más valorado es una receta de Negroni animada de Rory Flynn, que pedía mostrarla «from start to finish (empty glass to completed cocktail)», del vaso vacío al cóctel servido. Ninguno de los 27 pedía comprobar los datos.

Lo que delata a la IA y qué pedir en su lugar

Otro artículo del blog recoge las listas de efectos prohibidos que algunos autores meten en sus prompts. Solo 16 de 230 tienen una, pero entre ellos están 4 de los 20 vídeos más valorados. Lo más repetido, con la alternativa que propone el propio artículo:

Lo que delata a la IA	Prompts que lo prohíben	Qué pedir en su lugar
Brillos y neón	7	Que ningún efecto aparezca si no nace de algo que ya está en pantalla
Explosiones de partículas	6	Lo mismo, si no sale de algo y va a algún sitio es relleno
Pausas muertas y planos congelados	6	Mantener un plano solo si hay algo que leer
Fundidos encadenados	5	Que cada escena salga de la anterior, con el mismo elemento transformándose
Rebotes exagerados	3	Movimientos con muelle, pero con un rebote mínimo
Texto en las esquinas, estilo panel de mando	2	Solo el texto que da información
Números aleatorios en la animación	2	Animación sin azar, para que cada render salga igual
Cualquier cosa que parezca plantilla	7	Cerrar la lista con esa frase, que cubre lo que no se te ocurrió

Para hacer la tuya, lanza el prompt una vez y apunta lo que salió sin pedirlo.

Cómo hacer el tuyo partiendo de la galería

1. Busca en la galería un vídeo parecido a lo que necesitas, filtrando por tipo, y fíjate más en el prompt que en los «me gusta».
2. Pulsa Customize junto al prompt. Sale el original y una versión mejorada por Prompt Motion con campos para tu caso. En el explicativo de negocio pide qué vendes, los colores de marca, la duración, el tempo y el tamaño, y tiene reguladores de creatividad, ritmo y acabado. Mira si la versión mejorada pone «Tested» o «Untested», porque solo la primera se ha probado.
3. Copia el prompt y pégalo en Claude Code, en una carpeta de trabajo vacía. La página recomienda Opus 5.5 con el esfuerzo al máximo. Las versiones mejoradas piden renderizar con Playwright y ffmpeg, así que tienen que poder ejecutarse en ese equipo.
4. Revisa el guion antes de que construya nada. La versión mejorada del explicativo de negocio le pide a Claude el texto de cada escena y un storyboard antes de construir, y ahí corregir sale barato.
5. Revisa el MP4 entero y para en cada texto. Pide cambios concretos, como que el título entre medio segundo antes, y no un «hazlo mejor».

Lo que hay que cuidar antes de publicarlo

Los prompts son de sus autores. Adaptar uno a tu vídeo es justo para lo que está pensado Customize, pero si enseñas un vídeo o un prompt ajeno, cita y enlaza su ficha.

La música, aparte. Un prompt de @ajith_io pide «Use the Oppenheimer theme music as inspiration, but compose it yourself», o sea, inspirarse en la banda sonora de una película y componer la música. Si el resultado recuerda demasiado a una obra protegida, el problema es de quien lo publica. No es asesoramiento legal, solo prudencia. Pide un estilo general o usa música propia o con licencia comercial, como hacen algunos prompts de la galería. Si buscas de dónde sacarla, en la guía de música libre para usar en vídeos tienes opciones con su licencia.

Los datos de un explicativo hay que comprobarlos. El blog propone una línea que obligue a Claude a investigar y a no inventar cifras ni citas, y luego revisarlo tú, porque un vídeo con una cifra mal se comparte igual. Y si salen logos o marcas de otros, necesitas su permiso aunque Claude los dibuje sin problema.

Queda el coste. En la página de precios de Claude, Opus 5.5 cuesta por API 4 dólares por millón de tokens de entrada y 20 por millón de salida, y Claude Code va incluido desde el plan Pro, de 20 dólares al mes con pago mensual, sin impuestos y con límites de uso. Lo que gasta cada vídeo depende del prompt y de las vueltas que le des, y no hay cifra fiable (si aún estás eligiendo plan, tienes la comparación en qué ofrece cada asistente gratis).

Para quién compensa

Creo que compensa a quien necesita piezas cortas con material propio: la interfaz de su aplicación, un proceso que se cuenta en cinco pasos, unas cifras de su negocio o el logo cerrando un vídeo. Siempre que alguien de la empresa se maneje con una terminal y tenga paciencia para revisar dos o tres versiones. Yo empezaría por HTML con Playwright, que es la vía con menos piezas, y solo pasaría a Remotion si el producto ya está en React y la licencia encaja.

Para una campaña con una marca exigente, personajes, locución profesional o un plazo sin margen para iterar, un diseñador de animación sigue saliendo mejor. Con el mismo prompt de 26 palabras salieron vídeos muy distintos, porque lo que el texto no decidía lo decidió Claude a su manera en cada intento. Tomar esas decisiones antes es el oficio de un diseñador de animación, y el prompt solo es bueno cuando alguien las ha tomado.