El video animado de tu producto, hecho con Claude.

Quiero que me ayudes a crear un video animado de mi producto, de unos 45-60 segundos, con la calidad de un estudio de motion design. Lo vas a programar tú con Remotion (React) y Three.js para el 3D, y lo vas a renderizar en mi computador. Yo luego pondré el video a pantalla completa y lo grabaré con el celular.

Trabaja por fases y no pases a la siguiente sin mi OK.

FASE 1 · PREGUNTAS (hazlas de una en una)
1. ¿Qué vendes? (app, SaaS, curso, producto digital…) y ¿a quién?
2. ¿Cuál es el dolor que tu cliente siente con números? (ej.: «Meta dice que vendiste 1.284 $ y te quedaron 412»).
3. ¿Qué 3-4 cosas «le roban» el resultado a tu cliente? (comisiones, reembolsos, horas perdidas, herramientas…). Cada una será un personaje.
4. ¿Cómo lo resuelve tu producto, en una frase?
5. Tus colores de marca (hex), tu tipografía y tu logo (archivo o SVG).
6. ¿Qué voz quieres? (mujer u hombre, calmada o enérgica, acento) y el idioma.
7. ¿Qué palabra pedirás que comenten al final y qué regalo darás?

FASE 2 · GUION (máximo 140 palabras)
Escribe el guion con esta estructura y frases de 4 a 10 palabras:
- Gancho (0-3 s): una acusación corta + la cifra que el cliente cree tener. Ej.: «Tu panel te está mintiendo.»
- La cifra real (3-9 s): lo que de verdad le queda, y una pregunta: «¿Y el resto?»
- Los ladrones (9-20 s): cada cosa que le quita dinero o tiempo, con su cifra. Las cuentas tienen que cuadrar.
- La escena de dolor (20-24 s): un momento concreto y reconocible («a medianoche, con 14 pestañas abiertas»).
- El giro (24-26 s): «Por eso existe [producto].»
- Lo que hace (26-38 s): 2-3 beneficios en imágenes, no en adjetivos.
- Remate (38-42 s): dos frases espejo («Menos pestañas. Más sueño.») + nombre del producto.
- Giro final (42-46 s): «Y este video lo hizo Claude. Cada fotograma, cada número, cada sonido.»
- CTA (46-50 s): «Comenta [PALABRA] y te mando [regalo].»
Escribe los números con palabras en el texto para la voz («mil doscientos ochenta y cuatro»). Usa cifras de ejemplo y avísalo en pantalla («cifras de ejemplo»): nada de promesas de ingresos.

FASE 3 · VOZ
- Genera la voz con ElevenLabs (modelo eleven_v3, que permite etiquetas como [softly], [sighs], [curious]) usando el endpoint «with-timestamps», para tener el tiempo exacto de cada letra.
- Genera el guion entero en UNA sola toma (si lo partes, la voz cambia de tono). Termina el texto con una frase extra corta y recórtala: a veces la última palabra se corta.
- Antes de elegir voz, genera el gancho con 4-5 voces distintas y déjame escucharlas.
- Si la voz va lenta, acelérala con ffmpeg (atempo=1.15) y divide todos los tiempos entre 1.15.
- La clave de ElevenLabs la leo yo de un archivo local: nunca me la pidas en el chat.

FASE 4 · DIRECCIÓN DE ARTE (enséñame 2 fotogramas antes de animar nada)
- 1920x1080, 30 fps.
- Un solo color de acento muy saturado sobre fondo oscuro de marca o blanco frío. Alterna planos oscuros y claros.
- 3D de verdad con Three.js (@remotion/three): esferas y personajes con MeshPhysicalMaterial (clearcoat 1, roughness 0.2-0.3), entorno RoomEnvironment para los reflejos, tone mapping Neutral y sombras reales. Nada de degradados que imitan 3D: se ven planos.
- La cifra protagonista vive en un objeto 3D (una bola) y se transforma: sube cuando entra dinero, encoge con cada robo y se derrite (MarchingCubes) cuando se revela la cifra real. La cifra va grabada en la bola, en un tono más oscuro, y rueda con desenfoque cuando cambia.
- Personajes simpáticos con ojos para cada ladrón, cada uno con una forma que se entienda sin texto (megáfono = anuncios, cubo = comisiones…).
- Tipografía: una sans fina para los textos y una serif itálica para la palabra clave de cada frase.
- Profundidad: partículas desenfocadas delante y detrás, grano fino y viñeta.
- Textos grandes: el video se grabará con el celular desde una pantalla y lo pequeño se pierde.

FASE 5 · ANIMACIÓN SINCRONIZADA CON LA VOZ
- Saca de la alineación de ElevenLabs el inicio y el fin de cada palabra y busca cada palabra por su TEXTO, no por su posición (las etiquetas como [curious] no cuentan como palabras).
- Cada cosa que se dice aparece justo cuando se dice. Una regla: ningún plano empieza antes de que termine la palabra anterior.
- Algo cambia en pantalla cada 1-2 segundos: entradas con resorte, cámara que se acerca en cada robo, un ángulo distinto en cada personaje, barridos con desenfoque entre escenas. Nunca dejes un plano quieto más de 2 segundos.
- Efectos de sonido con licencia libre en cada golpe (pops, monedas, whoosh, impacto) y música con subida y «drop»: haz que el drop caiga exactamente en el giro («Por eso existe…»).

FASE 6 · CONTROL DE CALIDAD (antes de enseñarme nada)
- Renderiza fotogramas sueltos y míralos tú: textos que se pisan, cosas cortadas en los bordes, planos vacíos.
- Haz una hoja de contactos de todo el video (un fotograma por segundo) y busca huecos y planos quietos.
- Transcribe el audio final con Whisper y compáralo con el guion palabra por palabra.
- Normaliza el audio a -14 LUFS con el pico real por debajo de -1,5 dB.
- Ponle nota del 1 al 10 con lo que falla, arréglalo y no me lo entregues por debajo de 8,5.

FASE 7 · ENTREGA
Dame el MP4 horizontal y dime cómo grabarlo: computador a pantalla completa, cuarto oscuro con una luz de color detrás, celular en vertical sin zoom, y un texto arriba en Instagram tipo «Claude lo cocinó 😮‍💨».