lab
Esc

Prueba con

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

caso de uso intermedio claude-codecodexremotion

Remotion Agent Skills: guía a tu agente dentro de un proyecto de vídeo

Trabaja con instrucciones mantenidas por Remotion para crear composiciones, previsualizarlas y renderizarlas desde un agente de programación.

✓ 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 ≥22.20.0 y npm/npx para el instalador skills, un arnés compatible y la carpeta de un proyecto Remotion con sus dependencias instaladas. Comprueba los requisitos de la versión de Remotion del proyecto por separado.

Paso 1: instala las skills

Desde el proyecto:

npx skills add remotion-dev/skills

Paso 2: activa el procedimiento

Pide al agente leer /remotion-best-practices y seleccionar las instrucciones de tu tarea. La colección documenta /remotion-studio para previsualizar y /remotion-render para exportar.

Paso 3: comprueba una composición pequeña

Utiliza material propio de prueba. Pide revisar requisitos y condiciones de Remotion antes de ejecutar el render.

Comprobación

Comprueba que el proyecto abre en Studio, que la composición tiene la duración esperada y que el archivo exportado reproduce imagen y audio correctamente.

Si algo falla

Si faltan dependencias o recursos, sigue los mensajes de Remotion y la skill correspondiente. No inventes flags de render: utiliza la documentación de la versión instalada.

Consulta el README oficial para el procedimiento completo y los cambios de versión.

ver en .md ¿Prefieres el recurso entero?

Qué es

Remotion Agent Skills es la colección oficial de instrucciones para agentes que trabajan con Remotion. Ayuda a seleccionar el procedimiento para crear, editar, previsualizar o renderizar un proyecto de vídeo basado en React.

Para qué te sirve

  • Cuando tu agente desconoce cómo organizar una composición de Remotion.
  • Cuando necesitas revisar un cambio de vídeo en Studio antes de renderizar.
  • Cuando quieres mantener el procedimiento junto al proyecto.

Cómo funciona

Las skills especializadas cubren creación, marcado React, Studio y render, además de áreas como mapas o subtítulos. La entrada de buenas prácticas orienta al agente hacia las referencias necesarias. La generación del archivo final depende de Remotion y del entorno de ejecución.

Antes de empezar

Necesitas un agente compatible y un proyecto Remotion con sus dependencias. El README muestra instalación con el CLI de skills y una alternativa de GitHub CLI. Revisa por separado la licencia y las condiciones de uso de Remotion para tu equipo.

Límites y alternativas

GitHub no detecta una licencia SPDX para este repositorio de instrucciones. Instalarlo no equivale a conceder licencias para música, fuentes o medios de terceros. Una previsualización correcta tampoco asegura que el render final use los mismos archivos: inspecciona el exportado y conserva sus dependencias.

Recursos