Cómo creé mi video de Product Hunt con Claude Code + Remotion (0€ en freelancer)
Mike Codeur
🎬 El video creado con Claude Code + Remotion
Este video de 30 segundos fue generado completamente con código React, dirigido por Claude Code + Remotion Skills. 0€ en freelancer.
El problema: un video de lanzamiento de 500€
Cuando preparas un lanzamiento en Product Hunt, hay UN elemento que marca la diferencia: el video de demo. Es lo que hace que la gente haga clic, vote y pruebe tu producto.
Para el lanzamiento de YouThumb.ai — mi SaaS de generación de miniaturas de YouTube con IA — necesitaba un video de presentación que impactara.
Las opciones clásicas:
- Freelancer de motion design: 500€ a 2.000€
- Plazo: 3 a 5 días mínimo
- Iteraciones: cada cambio = más espera
Como desarrollador, esto me frustraba. Debería poder hacerlo yo mismo.
El descubrimiento: Remotion + Claude Code Skills
Remotion es un framework open-source (37K estrellas en GitHub) que permite crear videos con código React. El principio: escribes componentes React → Remotion los renderiza frame por frame → exporta MP4.
Pero el verdadero game changer es que Remotion tiene Skills oficiales para Claude Code:
npx skills add remotion-dev/skillsUna vez instalados los Skills, Claude Code entiende nativamente cómo crear videos con Remotion. Puedes literalmente promptear tu video.
El proceso: de la idea al MP4 en pocas horas
1. Setup (5 minutos)
npx create-video@latestProyecto Remotion creado, Skills cargados. Claude Code está listo.
2. El prompt
Le di a Claude Code un brief simple:
"Crea un video de presentación para YouThumb.ai, un SaaS de generación de miniaturas de YouTube con IA. Estilo moderno, animaciones fluidas, 30 segundos."
Claude Code generó los componentes React: animaciones spring, transiciones, textos animados — todo en JSX.
3. Iteración en tiempo real
Aquí es donde se pone mágico. Remotion tiene un Player que previsualiza tu video en tiempo real en el navegador.
- "No me gusta esta transición" → re-prompt → cambiado en 10 segundos
- "Agrega el logo aquí" → hecho
- "Cambia los colores para que coincidan con la marca" → hecho
Intenta hacer eso con un freelancer. Cada cambio = un email, una espera, un ida y vuelta.
4. Export
npx remotion renderMP4 final. Listo para Product Hunt.
El resultado
| Freelancer | Claude Code + Remotion | |
|---|---|---|
| Costo | 500€ - 2.000€ | 0€ |
| Plazo | 3-5 días | Pocas horas |
| Iteraciones | Lentas (emails) | Instantáneas (prompt) |
| Reproducible | No | Sí (código = reutilizable) |
El video ahora está en la página de Product Hunt de YouThumb.ai y en la homepage.
Por qué esto es un game changer para los desarrolladores
Esto es exactamente lo que Boris Cherny, Head of Claude Code en Anthropic, llama el futuro: el coding está resuelto, ahora construimos.
Los Skills de Claude Code cambian el juego. La IA ya no genera código genérico — entiende frameworks específicos. Remotion, Next.js, y pronto todas las herramientas tendrán sus propios Skills.
Y el proceso es reproducible: cambia el JSON de datos → nuevo video. Imagina generar 100 videos personalizados para tus clientes.