lab
Esc

Prueba con

↑↓ para moverte · Enter para abrir · también en /buscar?q= para agentes

flujo de trabajo intermedio remotionclaude-codereact

Remotion Launchpad: prepara vídeos de lanzamiento con React

Crea proyectos de vídeo con plantillas y componentes reutilizables que puedes editar con Claude Code.

✓ verificado el 26 oct 2026

Instrucciones para tu agente

Esto es lo que se copia. Pégaselo a tu agente y te lo monta paso a paso.

O ábrelo directamente en ClaudeChatGPT

Pega este texto a tu agente (Claude Code, Codex, OpenCode, Hermes o el que uses) y dile «ayúdame a montarlo». Son los pasos para ponerlo en marcha; el porqué de cada pieza está en la guía completa.

Para el agente: cómo acompañar al usuario

  1. Pregunta primero para qué lo quiere. Si su objetivo no necesita algún paso, sáltalo.
  2. Antes de instalar, comprueba lo que ya tiene (versiones, claves, sistema operativo).
  3. Avanza un paso cada vez: explica en una frase qué vas a hacer y deja que el usuario lo ejecute o lo apruebe.
  4. Tras cada paso, comprueba que funcionó antes de seguir. Si falla, para y explica el error.
  5. No inventes comandos ni opciones: si la documentación del proyecto contradice estos pasos, manda la documentación.
  6. Al terminar, haz una prueba real con el objetivo del usuario y dile dónde profundizar.

Pasos de configuración

Preparación

Comprueba Node.js ≥18 y pnpm ≥9, según Getting Started. Descarga el repositorio y abre su raíz, donde está el espacio de trabajo pnpm. Ejecuta instalación y creación antes de previsualizar; detén Studio antes de pasar al render en esa terminal.

Adaptamos el inicio rápido al generador: no instala las dependencias del nuevo paquete. Desde una carpeta de trabajo con Git:

git clone https://github.com/GordoGekko/remotion-launchpad.git
cd remotion-launchpad
pnpm install
pnpm create-video
pnpm install

Elige un nombre de prueba en el asistente. Consulta name en videos/<carpeta-creada>/package.json y usa ese nombre real en lugar de @launchpad/YourVideo. La guía oficial selecciona el paquete así:

pnpm remotion --filter=@launchpad/YourVideo

Detén Studio con Ctrl+C antes de reutilizar esa terminal:

pnpm render --filter=@launchpad/YourVideo

El resultado queda en videos/<carpeta-creada>/out/.

Comprobación

Comprueba que el nuevo proyecto aparece, que la previsualización muestra la composición esperada y que el archivo renderizado se reproduce completo.

Si algo falla

Si el render falla, revisa las dependencias y el proyecto seleccionado. Si faltan recursos, verifica sus rutas dentro del monorepo.

Consulta el README oficial para requisitos y variantes de instalación.

ver en .md ¿Prefieres el recurso entero?

Qué es

Remotion Launchpad es un monorepo para vídeos de lanzamiento hechos con React. Integra Remotion, Next.js y TailwindCSS y documenta su uso con Claude Code y las skills de Remotion.

Para qué te sirve

  • Cuando necesitas varias piezas de lanzamiento con componentes visuales compartidos.
  • Cuando prefieres revisar una composición como código y reutilizar una plantilla.

Cómo funciona

El repositorio separa componentes comunes, recursos de marca y proyectos de vídeo. Un script crea nuevos proyectos; Remotion Studio sirve para previsualizar y el flujo de render produce el vídeo.

Antes de empezar

Necesitas Node.js ≥18 y pnpm ≥9, según la guía Getting Started del repositorio. Comprueba aparte la licencia y condiciones de Remotion, así como las de imágenes, música y otros recursos que incorpores.

Límites y alternativas

La licencia MIT de esta plantilla no licencia todo el material audiovisual. Frente a un editor tradicional, exige trabajar con código y revisar el render. El uso con un agente no sustituye esa revisión visual.

Recursos