Remotion Best Practices: la skill de entrada para vídeo con Remotion
Remotion monta vídeos con componentes de React, y su equipo mantiene un conjunto de skills para agentes. remotion-best-practices las abarca todas: según la petición carga la guía de creación, markup, mapas, multimedia, subtítulos, render o SaaS. Abre la vista previa en Studio y no renderiza hasta que pidas el archivo de forma explícita.
Carga remotion-create para un vídeo o proyecto nuevo y remotion-markup para composiciones, animación, maquetación, tipografía y audio.
Envía el trabajo con mapas a remotion-maps: rutas animadas, marcadores y sobrevuelos con Mapbox, MapLibre, MapTiler, GeoJSON o CesiumJS.
Arranca npx remotion studio en cuanto el proyecto funciona, o usa --no-open con un navegador integrado, para que sigas el avance.
Solo lanza npx remotion render cuando la petición es clara, del tipo exporta el vídeo o dame el MP4.
Respeta los cambios que hiciste fuera de la conversación y pregunta antes de pisar algo inesperado.
Cuándo usarla
Empiezas un vídeo en Remotion con un agente y no sabes cuál de las skills del equipo corresponde.
El vídeo va dentro de un producto, y remotion-saas cubre Player, Lambda, Vercel, Cloudflare y Express.js.
Toca actualizar Remotion, Mediabunny y las propias skills de Remotion a versiones compatibles.
Pídale al agente
Crea en Remotion un vídeo promocional para una panadería y abre la vista previa en Studio.
Anima una ruta de Madrid a Sevilla sobre un mapa con la cámara siguiendo la línea.
Actualiza Remotion y los paquetes relacionados de este proyecto a versiones compatibles.
Preguntas
¿Cómo se instala remotion-best-practices?
Con el comando de skills CLI de esta página, o con npx skills add remotion-dev/skills para el conjunto entero. bun create video también ofrece añadirlas al crear un proyecto.
¿Funciona en Codex y Cursor?
El README nombra Claude Code, Codex, Kimi Code y Cursor. En Cursor la skill lanza Studio sin --no-open para que el navegador se abra solo.
¿En qué se diferencia de remotion-markup?
remotion-markup trata solo las reglas del markup de React. remotion-best-practices engloba todas las skills del conjunto y elige la que encaja, útil si no sabes por dónde empezar.
