
Remotion
Videos hechos con código React: ideal para producir muchos videos a partir de una plantilla.
- Nivel: Avanzado
- Precio: Gratis
Qué incluye
- Un proyecto listo para empezar con un solo comando.
- Un estudio en el navegador para ver el video, moverte por la línea de tiempo y ajustar valores.
- Componentes para texto, formas, transiciones, efectos de sonido, subtítulos y fuentes.
- Skills oficiales para que Claude cree y edite videos por ti.
- Render a MP4 en tu computador, en la nube (Lambda o Vercel) o directo en el navegador.
- El Player, para meter videos editables dentro de tu propia app.
Para quién es
Para creadores y equipos que repiten el mismo formato de video (noticias, resultados, tutoriales, anuncios) y quieren producirlos en serie, con datos distintos cada vez.
Si cada semana haces el mismo tipo de video y solo cambian los datos, lo estás editando a mano de más. Remotion convierte el video en código React: lo armas una vez como plantilla y después lo generas cuantas veces quieras, con textos, cifras o imágenes distintas. Y con Claude Code ni siquiera tienes que escribir ese código.
Cómo funciona
Un video en Remotion es un componente de React que sabe en qué cuadro va. Con eso calculas qué se ve en cada momento:
import { AbsoluteFill, interpolate, useCurrentFrame } from "remotion"
export function Titulo({ texto }) {
const cuadro = useCurrentFrame()
const opacidad = interpolate(cuadro, [0, 20], [0, 1])
return (
<AbsoluteFill style={{ justifyContent: "center", alignItems: "center" }}>
<h1 style={{ opacity: opacidad }}>{texto}</h1>
</AbsoluteFill>
)
}
Luego registras la composición con su tamaño, cuadros por segundo y duración, y la renderizas a MP4. El texto llega como dato, así que puedes sacar un video por cada fila de una hoja de cálculo.
Tres formas de trabajar
- Pidiéndoselo a un agente. Le describes el video a Claude y él escribe la composición.
- En el estudio. Mueves la línea de tiempo y ajustas valores en el navegador.
- Con código y datos. Conectas una API o una hoja y produces en serie.
El código siempre manda, así que puedes saltar de una forma a otra cuando quieras.
Pídeselo a Claude así
Crea una composición vertical de 15 segundos para Reels: título grande
que entra desde abajo, tres cifras que aparecen una por una y mi logo al final.
Toma noticias.json y genera un video por cada noticia con la misma
plantilla. Renderízalos todos en la carpeta out/.
Cómo la uso yo
- Le pido a Claude el video y lo renderiza a MP4.
- Lo uso para las piezas que repito cada semana con datos distintos.
Cómo instalarlo
- Abre la terminal en la carpeta donde quieres tu proyecto.
- Crea el proyecto: npx create-video@latest y elige una plantilla.
- Entra a la carpeta y abre el estudio con npm run dev.
- Instala las skills para Claude: npx remotion skills add
- Pídele a Claude el video y renderízalo con npx remotion render.
Conéctala a Claude
Remotion ya no usa MCP: este comando le instala a Claude las skills oficiales para hacer videos.
npx remotion skills addLas empresas con más de 3 personas necesitan licencia: remotion.pro/license.
Documentación oficial (se abre en otra pestaña)Preguntas frecuentes
¿Es gratis?
Para personas, equipos de hasta 3 personas y organizaciones sin ánimo de lucro, sí. Las empresas más grandes pagan una licencia. Revisa remotion.pro/license antes de usarlo en tu empresa.
¿Necesito saber programar?
Ayuda, pero con las skills puedes pedirle a Claude el video en palabras y él escribe el código. Lo que sí te conviene es entender la idea de composición, cuadros y duración.
¿En qué se diferencia de un editor como Premiere?
En Premiere editas cada video a mano. En Remotion haces una plantilla una vez y cambias los datos para sacar cien videos iguales en estilo. Para una pieza única con mucho criterio de edición, un editor sigue siendo más rápido.
¿Dónde se renderiza el video?
En tu computador por defecto. Si vas a producir muchos, se puede mandar a la nube con Lambda o con Vercel.
¿Sirve para Reels y TikTok?
Sí. Solo defines el tamaño vertical (1080 × 1920) en la composición y renderizas.
- video
- react
- contenido
Créditos
Probado por mí
- Quién la hizo
- Remotion
- Dónde está
- https://github.com/remotion-dev/remotion
- Verificación
- Lo verifiqué el
No encontré la licencia. Pídele permiso a su autor antes de reusarlo.
¿Eres autor o autora y algo no está bien?
Corregir un crédito