Tu primer vídeo con IA.

01 · Qué vas a montar

Tres piezas. La primera monta el resto.

1. OpenCodeEl agente que trabajaUn asistente de terminal con modelos de IA gratis. Instala lo que falta y escribe el vídeo.
2. HyperFramesLa fábrica de vídeoConvierte ese código (HTML) en un MP4, fotograma a fotograma.
3. Google FlowLas fotosImágenes con Nano Banana, gratis si las haces tú desde la web.
4. FreeLLMAPI · opcionalMás cupo gratisJunta los planes gratis de varias IAs para cuando se acaben los de OpenCode.

Es el mismo método con el que se hacen los rótulos y las pantallas animadas de nuestros reels: el vídeo se diseña como una página web y se graba fotograma a fotograma.

02 · Antes de empezar

Lo que sí hace. Y lo que no.

Ojo con tus datos: en los planes gratis, algunos proveedores pueden usar lo que les envías para mejorar sus modelos. No metas información privada de clientes.

03 · Los seis pasos

Del ordenador vacío al MP4.

1. 01

   Paso 1: Instala OpenCode

   OpenCode es el agente que va a hacer casi todo el trabajo. Abre la terminal (en Mac: Aplicaciones → Utilidades → Terminal) y pega su instalador oficial:

   Mac o LinuxCopiar

   curl -fsSL https://opencode.ai/install | bash

   WindowsCopiar

   scoop install opencode

   En Windows, OpenCode recomienda usarlo dentro de WSL. Si ya tienes Node.js, también vale npm install -g opencode-ai. Después, crea una carpeta para tus vídeos y abre OpenCode dentro:

   TerminalCopiar

   mkdir videos && cd videos
   opencode

2. 02

   Paso 2: Elige un modelo gratis

   Dentro de OpenCode escribe /models y elige uno de los que acaban en «free». No piden cuenta ni clave: los da el propio OpenCode, con un límite de uso. En nuestra prueba respondió bien Nemotron 3.5 Lightning Free; si uno te dice «Rate limit exceeded», cambia a otro.

3. 03

   Paso 3: Que la IA te instale el resto

   Para hacer vídeos hacen falta Node.js (lo que mueve HyperFrames) y FFmpeg (lo que monta el MP4). En vez de instalarlos tú, pega esta petición en OpenCode:

   Petición para OpenCodeCopiar

   Prepara este ordenador para hacer vídeos con HyperFrames.
   1. Comprueba si están Node.js 22 o superior y FFmpeg (node -v, ffmpeg -version).
   2. Instala lo que falte. En Mac usa Homebrew; si no está, dime el comando
      para instalarlo yo, porque pide la contraseña del ordenador.
   3. Cuando esté todo, ejecuta en esta carpeta:
      npx hyperframes init mi-primer-video --resolution portrait --non-interactive
   4. Dime qué has instalado y las versiones finales.

   OpenCode te pedirá permiso antes de cada comando: léelo y acepta. Si algo pide la contraseña del ordenador, el agente no la puede escribir; te dará el comando para que lo pegues tú en otra ventana de la terminal. Al acabar, sal con /exit y vuelve a abrirlo dentro del proyecto, para que lea las skills de HyperFrames (las instrucciones que le enseñan a hacer vídeos que se renderizan bien):

   TerminalCopiar

   cd mi-primer-video
   opencode

4. 04

   Paso 4: Saca las fotos con Google Flow

   Google Flow crea imágenes con los modelos Nano Banana 2 y Nano Banana Pro. Hechas a mano desde la web, la generación marca 0 créditos; los vídeos de Flow, en cambio, sí gastan créditos. Es opcional, pero con fotos el vídeo cambia mucho.

   1. Entra en Google Flow con tu cuenta de Google y crea un proyecto.
   2. Abre los ajustes del cuadro de abajo: Imagen, formato 9:16 y modelo Nano Banana 2 (o Pro). Comprueba que ponga «La generación consumirá 0 puntos».
   3. Describe la foto y envíala. Si no te convence, pide otra versión: no gasta nada.
   4. Descárgala y guárdala dentro del proyecto, en mi-primer-video/assets/foto.jpg.

   Descripción para FlowCopiar

   Foto vertical de cine: una persona en un estudio de noche, luz cálida
   de lámpara, fondo oscuro con espacio libre arriba para un titular.
   Fotorrealista. Sin texto, sin letras, sin logotipos.

   Flow pide una cuenta de Google y no está disponible en todos los países. Las cuentas gratuitas pueden tener un límite de imágenes al día. Más abajo tienes más descripciones de ejemplo.

5. 05

   Paso 5: Pídele el vídeo

   Con OpenCode abierto dentro de mi-primer-video, pega esta petición. Cambia el texto por el tuyo si quieres:

   Petición para OpenCodeCopiar

   Usando la skill hyperframes, haz un vídeo vertical (1080 × 1920) de 15 segundos
   en tres escenas, con una transición entre cada una:
   1. «Tu primer vídeo con inteligencia artificial», línea a línea.
   2. La foto assets/foto.jpg a pantalla completa, con un zoom lento
      y el texto «Hecha con Google Flow».
   3. «Coste de este vídeo: 0 €» y debajo tu @usuario.
   Estilo: fondo casi negro, un brillo naranja suave, titular grueso
   y condensado, una palabra por escena en cursiva.
   Cuando acabes, ejecuta npm run check y corrige lo que salga.

   El agente escribe el vídeo en index.html y lo comprueba. Si algo no te gusta, díselo igual que a una persona: «más grande», «que la tercera escena entre más tarde», «ponlo en verde».

6. 06

   Paso 6: Míralo y expórtalo

   Pídeselo a OpenCode («ábreme la vista previa», «renderízalo a MP4») o escribe tú estos dos comandos en una terminal dentro de la carpeta. El primero abre la vista previa en el navegador; el segundo crea el MP4:

   TerminalCopiar

   npm run dev
   npm run render

   En nuestra prueba, un vídeo de 6 segundos tardó unos 20 segundos en renderizarse y el de 30 segundos de arriba, unos dos minutos.

npx freellmapi setup-opencode --url http://localhost:3001 --api-key TU_CLAVE_UNIFICADA

04 · Para copiar

Más peticiones de ejemplo.

Escribe como hablarías a alguien de tu equipo: qué quieres, dónde está cada archivo y cómo sabrás que está bien. Cuanto más concreto, menos vueltas.

Cambia la paleta a blanco y azul marino, haz el titular un 20 % más grande y vuelve a ejecutar npm run check.

Añade subtítulos que aparezcan palabra a palabra con este texto: «Esto lo he hecho en una tarde y sin pagar». Que cada palabra entre con un pequeño salto y la última vaya en otro color.

Haz una copia del proyecto en formato cuadrado (1080 × 1080) para el feed. Recoloca lo que no quepa y no cortes ningún texto.

Pon assets/musica.mp3 de fondo, al 40 % de volumen, con un fundido de entrada de 1 segundo y otro de salida al final.

En el segundo 4 el texto se sale por la derecha. Arréglalo sin cambiar el resto, ejecuta npm run check y dime qué has tocado.

Foto de producto vertical: una taza de cerámica sobre una mesa de madera oscura, luz lateral cálida, fondo desenfocado, mucho espacio libre arriba. Fotorrealista. Sin texto.

Una persona sentada entre montañas de cartas en una oficina de correos de noche, lámpara cálida, mira a cámara con cara de cansancio. Cinematográfico, vertical 9:16. Sin texto ni letras.

Fondo abstracto oscuro con humo suave y un brillo de luz cálida difuminado en una esquina, textura de grano de película. Sin objetos, sin texto.

05 · Si algo falla

Tres tropiezos habituales.

«Rate limit exceeded» o la IA no responde

Ese modelo gratis ha llegado a su límite de uso. Escribe /models y elige otro de los gratuitos, espera un rato o suma cupo con FreeLLMAPI (el bloque opcional de arriba).

El render dice que no puede descargar Chrome

HyperFrames usa un Chrome sin ventana para grabar los fotogramas. Si no lo puede descargar, indícale el tuyo. En Mac:

TerminalCopiar

export HYPERFRAMES_BROWSER_PATH='/Applications/Google Chrome.app/Contents/MacOS/Google Chrome'

«Two text blocks overlap»

Dos textos se pisan en algún momento del vídeo. Pídele a OpenCode: «npm run check dice que los textos se solapan; colócalos en una columna para que no se pisen».