¿CON QUÉ IA?

Caso de usoContenido y redes

Hacer un vídeo de producto con Claude Code sin saber de animación

Un desarrollador sin experiencia en animación hizo con Claude Code el vídeo de lanzamiento de su web, primero plano y luego en 3D.

Paracrear contenidoConClaude CodeLo contó @arqamwd en DEVDificultad avanzada

A quién le sirve. Dueños de pequeños negocios y creadores con alguien que sepa manejar la terminal y que necesiten un vídeo de presentación sin pagar a un estudio.

Qué hicieron

Un desarrollador que nunca había abierto un programa de animación necesitaba un vídeo para presentar su web. Montó un agente en Claude Code con el modelo Opus 5.5. El modelo no dibuja nada: escribe una página web en la que cada fotograma depende solo del segundo en el que está. Un navegador sin ventana hace una captura de cada fotograma y otro programa, ffmpeg, los une en un vídeo. Para que no inventara su producto, el agente cargó dentro del vídeo la página real de la web con sus números reales.

Cómo salió

La primera versión, en 2D y de 60 segundos, salió a la primera pero le pareció plana y poco divertida. La segunda, en 3D, la renderizó en un portátil con una tarjeta gráfica modesta, a unos 0,3 segundos por fotograma, y es la que acabó usando. El agente revisó imágenes fijas en 4 rondas antes de generar el vídeo entero.

Conviene saber

Es el relato de una sola persona sobre su propio proyecto y exige instalar Node, ffmpeg y un navegador, y manejar la terminal. Va bien para vídeos de producto, textos animados o datos, pero no para escenas realistas ni personajes.

Qué necesitas

  • Una suscripción de pago a Claude con Claude Code
  • Node y ffmpeg instalados en tu ordenador
  • Un navegador automático como Playwright
  • La dirección de tu web o capturas reales de tu producto
  • Un ordenador con tarjeta gráfica si quieres hacerlo en 3D

Cómo hacerlo tú, paso a paso

  1. Crea una carpeta de trabajo y abre Claude Code en ella.
  2. Pide que instale lo necesario: Playwright y ffmpeg.
  3. Dale tus pantallas, logo y cifras reales, y prohíbe que invente nada de tu producto.
  4. Pide un guion de planos con segundos exactos y sin adjetivos vagos.
  5. Haz que genere imágenes fijas y revísalas tú antes del vídeo largo.
  6. Corrige con notas concretas, por ejemplo «el fotograma 84 llega tarde», y vuelve a generar.
  7. Exporta el vídeo final y mira cómo se ve en el móvil.
Pruébalo con Claude Code
Quiero un vídeo de [30 o 60] segundos para presentar [mi producto o web], en formato [1920x1080 a 30 fotogramas por segundo]. Hazlo como una sola página HTML en la que cada fotograma dependa solo del segundo t, sin números aleatorios, sin temporizadores y sin transiciones automáticas. Usa mi web real en [dirección] para las pantallas y los números, y no dibujes nada de mi producto de memoria. Si te falta algún recurso, para y pregúntame. Escribe el guion como una lista de planos con su duración exacta en segundos, no con adjetivos. Antes de generar el vídeo entero, enséñame imágenes fijas de [4] momentos y espera mi visto bueno. Has terminado cuando tengas el vídeo exportado y una hoja con imágenes de control para revisarlo.

Consejos

  • Cambia cada adjetivo del encargo por un número: duraciones, velocidades, tamaños.
  • Si algo falla, pide a Claude que lo apunte como regla en su archivo CLAUDE.md para que no se repita.
  • Revisa siempre imágenes fijas antes de generar el vídeo entero.

Preguntas frecuentes

¿Puedo hacerlo sin usar la terminal?

El autor cuenta una vía sin instalar nada: pedir la animación en la app de Claude y grabar la pantalla. Es menos exacta, porque la grabación puede perder fotogramas.

¿Hace falta un ordenador potente?

Para 2D no. El autor hizo el 3D en un portátil con una tarjeta gráfica modesta, aunque con un ajuste para que el navegador la use.

Fuentes

En el directorio desde el 27 de octubre de 2026.

Parecidos

  1. Analizar una grabación de piano: tempo, estructura y pistas

    Con una habilidad instalada, Claude Code analizó un MP3 de piano en local y devolvió un informe con tempo, estructura y pistas, con errores.Casomager.coClaude CodeDificultad avanzada
  2. Crear un simulador de camello de globos para una escultura de luces

    Un artista usó ChatGPT y Claude Code para simular un camello hecho de globos para un tótem de luces LED, con un resultado que no le convenció.CasoHacker NewsClaude Code y ChatGPTDificultad avanzada
  3. Crear informes de YouTube y contactar clientes con Claude Code

    Claude Code sacó datos de YouTube por API a un Excel verificado, creó una app de seguimiento de empleos y completó 50 contactos de ventas con borradores.CasoMindStudioClaude CodeDificultad avanzada
  4. Componer y producir música conversando con Claude Code

    Un músico usó Claude Code para escribir canciones con letra y varias pistas, y las cargó en su programa de producción Bitwig Studio.Casogist.github.comClaude CodeDificultad avanzada
  5. Componer canciones con Claude Code escribiendo código de sonido

    Josh Cohenzadeh pidió a Claude Code canciones de una sola instrucción y salieron un tema original, uno electrónico, un rock con letra y un álbum.Casojosh.ingClaude CodeDificultad avanzada
  6. Crear y subir vídeos de YouTube desde el guion hasta la publicación

    Un flujo de n8n escribe el guion, pone voz, busca imágenes, monta el vídeo y lo sube a YouTube como no listado para revisarlo.Casola comunidad de n8nn8n y Claude Code4 fuentesDificultad avanzada

Más: todo con Claude Code · todo sobre contenido y redes

Cada lunes, lo nuevo en tu correo

Lo que ha salido esa semana, las skills que más suben y tres casos que puedes copiar.

Un correo a la semana. Te das de baja con un clic.