Skills de Remotion Dev

Añadir un nuevo experto a la página de expertos de Remotion

Añadir un nuevo efecto de sonido a @remotion/sfx

Añadir una demo interactiva a la documentación de Remotion. Usar al crear un nuevo componente <Demo> para páginas de documentación.

Corregir un PR de Dependabot actualizando todas las instancias del monorepo de la dependencia, ejecutando bun install y realizando push.

Automatiza la creación de pull requests con commits formateados y gestión de ramas. Verifica que no estés en la rama principal, creando una rama de funcionalidad si es necesario. Ejecuta el formateo de código Oxfmt en todos los paquetes afectados antes de hacer commit. Formatea los commits y los títulos de PR usando el nombre del paquete de package.json (ejemplo: "@remotion/shapes: Add heart shape"). Usa la CLI de gh para abrir el pull request automáticamente después de subir los cambios.

Nombre correcto para un PR

Mejores prácticas para Remotion - Creación de videos en React

Mejores prácticas para Remotion - Creación de videos en React

Base de conocimiento específica del dominio para crear videos con Remotion y React. Cubre más de 30 archivos de reglas que abarcan animaciones, audio, activos, contenido 3D, gráficos, texto, transiciones y gestión de composiciones. Incluye orientación especializada para subtítulos, operaciones de FFmpeg, visualización de audio e integración de efectos de sonido. Proporciona patrones para el cálculo dinámico de metadatos, inspección de medios (duración, dimensiones, extracción de fotogramas) y composiciones parametrizables. Admite funciones avanzadas como Lottie...

Generar un informe sobre un video

Pruebas de instantáneas visuales para componentes del renderizador web utilizando fixtures de vitest. Cree fixtures de prueba en packages/web-renderer/src/test/fixtures que definan un componente React, dimensiones, velocidad de fotogramas y duración. Registre fixtures en packages/web-renderer/src/test/Root.tsx para habilitar la funcionalidad de vista previa. Escriba casos de prueba que rendericen fotogramas fijos usando renderStillOnWeb() y valide la salida con la comparación de instantáneas testImage(). Ejecute pruebas con bunx vitest src/test/video.test.tsx y actualice la documentación en...

Directrices y plantillas para redactar documentación de la API de Remotion en formato MDX. Cree un archivo .mdx por API en packages/docs/docs, agréguelo a sidebars.ts y ejecute bun render-cards.ts para generar tarjetas de vista previa social. Use encabezados ### para las propiedades de la API (no viñetas), agregue el sufijo ? para parámetros opcionales e incluya valores predeterminados de forma natural en las descripciones. Prefiera fragmentos de código type-safe con validación twoslash; use // ---cut--- para ocultar importaciones y siempre agregue atributos title a...