Producción de Video con Remotion
Upstream
Habilidades oficiales del agente Remotion: https://github.com/remotion-dev/skills Documentación oficial: https://www.remotion.dev/docs/ai/skills
Para el conjunto completo de habilidades oficiales y sus archivos de reglas referenciados, instálelo en el espacio de trabajo consumidor usando npx skills add remotion-dev/skills. Esta habilidad local es una guía de flujo de trabajo, no una copia exacta de la distribución upstream.
Flujo de trabajo
- Inspeccionar el proyecto existente y preservar los cambios del usuario.
- Si no existe ningún proyecto, usar el flujo de trabajo de creación oficial y verificar la compatibilidad de paquetes.
- Definir explícitamente el ID de composición, dimensiones, FPS, duración, props y ubicaciones de activos.
- Usar APIs basadas en fotograma/tiempo como
useCurrentFrame()yuseVideoConfig(); no confíe en animaciones CSS de tiempo real para la sincronización del renderizado. - Usar ayudantes de interpolación/spring con easing intencional y rangos de límite cuando sea apropiado.
- Secuenciar escenas y transiciones para que sus conteos de fotogramas y superposiciones produzcan la duración total prevista.
- Usar componentes multimedia compatibles y ayudantes de activos estáticos; esperar activos asíncronos antes de renderizar.
- Iniciar la vista previa del Studio e inspeccionarla antes de editar o renderizar cuando el entorno lo permita.
- Renderizar solo cuando se solicite, luego inspeccionar el archivo exportado y verificar duración, dimensiones, FPS, audio y fotogramas representativos.
Reglas de calidad
- Evitar trabajo costoso de React por fotograma y efectos costosos innecesarios.
- Mantener rutas de fuentes, imágenes, audio y video reproducibles.
- Evitar matemáticas de fotogramas inválidas, duraciones negativas, activos faltantes e interpolación sin límites.
- Verificar ajuste de texto, forma RTL, sincronización de subtítulos y continuidad visual.
- Verificar la licencia actual de Remotion y los términos de uso comercial antes del despliegue.