El prompt de las 6 escenas para un video animado con Claude
Recurso 21 de 26, plantillas gratis
ALVEX / RecursosEl prompt que describe un video animado vertical hecho sin grabar nada, qué cambiar en él y qué instalar para que se vuelva un MP4.
Un video animado vertical de seis escenas, sin grabar nada, hecho por Claude con HyperFrames y entregado en MP4.
Esta página tiene el prompt listo para pegar, qué cambiar en él y cómo se convierte en un video. Es el prompt que describe el video del reel, para que Claude haga uno igual con tus textos. Está pensada para que lo copies, le cambies el tema por el tuyo y lo mandes.
Tres cosas honestas:
- El prompt pone la idea. La herramienta pone la animación. Sin una idea tuya, sale un video bonito que no dice nada.
- Hay que instalar algo. HyperFrames es de código abierto, pero no viene en Claude: se instala una vez.
- La primera versión tenía errores, y se corrigieron antes de exportar. El chequeo de HyperFrames marcó dos errores de diseño: un título demasiado ancho que se partía en tres líneas, y las líneas de otro título que se rozaban. Claude los corrigió en el HTML y recién entonces renderizó el video.
1. El prompt
Copia todo lo que está en el cuadro. Para hacer el tuyo, cambia el tema, las seis líneas de las escenas, los colores y la letra.
Quiero un video animado vertical de 20 segundos, de 1080 por 1920, sobre las cuatro partes de un negocio: Marketing, Ventas, Operación y Administración. Hazlo con HyperFrames, escribiendo tú el HTML a mano, y entrégalo en MP4. Sin voz y sin música. Son seis escenas de unos 3 segundos cada una, una idea por escena. El texto de cada una: Escena 1: Tu negocio tiene 4 partes Escena 2: Marketing, que te encuentren Escena 3: Ventas, que te contesten Escena 4: Operación, que todo se mueva Escena 5: Administración, que el dinero se vea Escena 6: Cuatro partes, un solo sistema En cada escena el título va grande, a la izquierda, y debajo un dibujo sencillo que muestre la idea sin usar palabras: cuatro cuadros que se llenan, ondas que encuentran a la gente, un mensaje que recibe respuesta, una bola que recorre cuatro pasos, barras que suben y cuatro cuadros que se juntan en uno. Estilo: fondo marfil #FFF8EE, títulos en Poppins 900 de color navy #1B2A4A, y una sola palabra por escena en Playfair Display itálica, la que debe quedar en la cabeza. Un solo color de acento por escena, apagado, nunca neón, usado en el dibujo y en una pincelada suave detrás de la palabra en itálica. Sin logos, sin cifras, sin precios, sin nombres de clientes. Movimiento suave: los textos entran línea por línea, subiendo un poco, y las escenas se funden entre sí. Nada rebota ni parpadea. Deja el contenido importante en la franja central, porque el video va a quedar recortado arriba de una pantalla partida. Antes de entregármelo revisa que no haya texto cortado y mírame una hoja de contactos con los fotogramas.
La frase de la franja central es del formato del video del reel, que va arriba de una pantalla partida. Si el tuyo va a pantalla completa, quítala.
2. Qué hace cada parte del prompt
| Parte | Para qué está |
|---|---|
| El tema, la medida y el formato | Dice de qué trata, que el video es vertical, de 1080 por 1920, y que se entrega en MP4 |
| Seis escenas, una idea por escena, con su texto | Tú decides qué se dice y en qué orden. Claude no tiene que inventar las escenas |
| El dibujo de cada escena | Describe un dibujo sencillo que muestre la idea sin palabras |
| El estilo: colores, letras y acento | Para que parezca tuyo: el fondo, los títulos, la palabra en itálica y un solo color de acento por escena |
| "Sin logos, sin cifras, sin precios, sin nombres de clientes" | Para que no invente datos ni muestre lo que no debe |
| El movimiento suave y la franja central | Para que se vea tranquilo y no se corte al recortarlo |
| Revisar el texto cortado y mirar una hoja de contactos | Para que Claude se revise a sí mismo antes de entregártelo |
3. Qué necesitas para que se vuelva un video
Esto sale de la página oficial de HyperFrames (github.com/heygen-com/hyperframes), leída el 12 de octubre de 2026.
| Qué | Dato verificado |
|---|---|
| HyperFrames | Framework de código abierto que convierte HTML, CSS, medios y animaciones en videos MP4. Licencia Apache 2.0, sin cobro por render ni umbrales de uso comercial |
| Node.js | Versión 22 o superior |
| FFmpeg | Instalado en tu computador |
| Claude Code | Para usar HyperFrames con Claude. Pide una suscripción de pago de Claude o una cuenta de Anthropic (code.claude.com/docs/en/overview). El precio del plan lo ves en claude.com/pricing |
| Tu computador | Todo se renderiza en tu computador. Más lento el computador, más tarda |
Lo que sí es gratis y lo que no: HyperFrames no cobra por render. Claude Code no es gratis. No te digo que el video completo sea gratis, porque no lo es.
La página de HyperFrames también menciona servicios opcionales de render en la nube. No los uso y no sé cuánto cuestan. No los incluyo aquí.
Instalarlo con Claude Code
Según la página de HyperFrames, son dos comandos y se escriben una sola vez:
claude plugin marketplace add heygen-com/hyperframes claude plugin install hyperframes@hyperframes
Después se invoca con /hyperframes:hyperframes. La página dice que los skills sirven también con Codex, Cursor, Gemini CLI y otros. Yo hablo de Claude porque es lo que uso.
Ver y sacar el MP4
La misma página da dos comandos:
npx hyperframes preview npx hyperframes render
El primero te deja ver el video antes. El segundo genera el MP4. Claude los corre por ti si se lo pides, pero es bueno saber cómo se llaman.
4. Los pasos, de principio a fin
- Instala lo que necesitas (la sección 3) una sola vez. Si no sabes si tienes Node 22, pídele a Claude que lo revise.
- Pega el prompt con tu tema y tus seis líneas de escenas.
- Deja que Claude haga el video. Escribe la animación como HTML y la revisa con el chequeo de HyperFrames antes de renderizar.
- Mira el MP4 y la hoja de contactos que te muestra.
- Pide cambios con una frase concreta, uno a la vez. Por ejemplo: "en la escena 3 el texto es muy pequeño", "que la escena 5 dure un segundo más", "usa el azul más oscuro".
- Revisa antes de publicar: que el texto se lea en un celular, que no haya una cifra que no diste tú, que no salga ningún nombre de cliente.
Cuánto tarda: en el computador donde se hizo, renderizar el video de 20 segundos tardó 1 minuto y 15 segundos. En el tuyo cambia.
5. Lo que este prompt no hace
- No decide qué contar. La idea y los textos son tuyos.
- No garantiza que salga bien a la primera. En el del reel, el chequeo marcó dos errores de diseño y se corrigieron antes de exportar, y por eso el paso 5 existe.
- No pone voz ni música. Eso va aparte.
- No es una campaña ni una estrategia. Es una pieza. Un video no te trae clientes por sí solo.
- Necesita instalación. No se pega y ya.