Saltar al contenido

Te doy la bienvenida

Portada de Remotion con el panda de El Máster IA
Repo · Crear contenido

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/.
  • video
  • react
  • contenido

Créditos

Probado por mí

Quién la hizo
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