# 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.

- **Tipo:** Caso de uso
- **Tema:** Contenido y redes
- **Herramientas:** Claude Code
- **Dificultad:** avanzada
- **Origen:** [@arqamwd en DEV](https://dev.to/arqamwd/how-i-make-motion-videos-with-claude-opus-55-the-full-setup-prompts-and-numbers-2g09)
- **En el directorio desde:** 27 de octubre de 2026
- **URL:** https://conqueia.com/caso/hacer-un-video-de-producto-con-claude-code-sin-saber-de-animacion

## 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

- [@arqamwd en DEV](https://dev.to/arqamwd/how-i-make-motion-videos-with-claude-opus-55-the-full-setup-prompts-and-numbers-2g09)

---

Fuente: conqueia.com/caso/hacer-un-video-de-producto-con-claude-code-sin-saber-de-animacion