Skills de Remotion Dev

Contenido 3D en Remotion usando Three.js y React Three Fiber.

Aceptar una contribución externa de Remotion Element verificando sus vistas previas comprometidas, subiéndolas a R2, eliminando los recursos temporales y preparando…

Añadir una nueva entrada de error de Remotion a packages/bugs/api/[v].ts. Usar cuando el usuario describa un error y las versiones afectadas de Remotion que deben mostrarse a través del…

Añade una nueva entrada de error de Remotion a packages/bugs/api/[v].ts. Úsalo cuando el usuario describa un error y las versiones de Remotion afectadas que deberían mostrarse a través de la…

Añadir una nueva opción de CLI o configuración de Remotion creando un AnyRemotionOption, registrando el análisis de CLI, conectando los setters de configuración y actualizando la documentación. Usar cuando…

Añade una nueva opción de CLI o configuración de Remotion creando un AnyRemotionOption, registrando el análisis de CLI, conectando los setters de configuración y actualizando la documentación. Úsalo cuando…

Añadir un nuevo efecto a @remotion/effects, incluyendo implementación, exportaciones del paquete, documentación, demos, imágenes de vista previa, actualizaciones de la skill de Remotion, pruebas, formato, y…

Añadir un nuevo efecto a @remotion/effects, incluyendo implementación, exportaciones del paquete, documentación, demos, imágenes de vista previa, actualizaciones de la habilidad Remotion, pruebas, formato y…

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

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

Añadir un nuevo paquete al monorepo de Remotion, incluyendo scaffolding del paquete, registro en el monorepo, documentación, scripts de compilación, pruebas y lista de verificación de release…

Agregar un nuevo paquete al monorepo de Remotion, incluyendo scaffolding del paquete, registro en el monorepo, documentación, scripts de compilación, pruebas y lista de verificación de lanzamiento…

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

Add a browser WebCodecs bug to the Remotion Mediabunny WebCodecs bugs docs page. Use when given a Chromium, WebKit, or Firefox issue URL that should be tracked…

Añadir un error de WebCodecs del navegador a la página de documentación de errores de WebCodecs de Remotion Mediabunny. Usar cuando se proporcione una URL de incidencia de Chromium, WebKit o Firefox que deba ser rastreada…

Reconstruir, instalar y recargar la extensión de Chrome sin empaquetar de Remotion Canvas Capture privada. Úsala cuando la extensión necesite restaurarse después de un worktree de Codex…

Realizar checkout de la rama o ref solicitada en el repositorio Remotion, renombrar la tarea actual al título del PR asociado cuando se ejecute en Codex, luego instalar las dependencias…

Hacer checkout de una rama o referencia solicitada en el repositorio de Remotion, luego instalar dependencias y compilar. Usar cuando el usuario solicite hacer checkout de una referencia y preparar el…

Inicia la aplicación local @remotion/convert y ábrela en el navegador de Codex. Úsalo cuando el usuario invoque /convert o $convert, o pida abrir convert.remotion.dev…

Inicia la aplicación local @remotion/convert y ábrela en el navegador Codex. Úsalo cuando el usuario invoque /convert o $convert, pida iniciar convert.remotion.dev…

Referencia sobre cómo se representa la deprecación de las APIs públicas de Remotion en el código fuente y la documentación de TypeScript. Úsese al añadir, revisar o discutir una…

Start the Remotion docs site and open it in the Codex browser. Use when the user invokes /docs or $docs, asks to launch the local documentation site, or wants…

Inicia el sitio de documentación de Remotion y ábrelo en el navegador de Codex. Úsalo cuando el usuario invoque /docs o $docs, solicite abrir el sitio de documentación local, o quiera…

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

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

Auditar y limpiar la jerarquía masterplan de Remotion GitHub. Úsalo al encontrar problemas abiertos que carecen de un ancestro masterplan, identificando problemas huérfanos que necesitan un…

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

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

Track Remotion CI flakes in issue

Rastrear fallos de Remotion CI en el issue

Ejecuta las verificaciones de formato y estilo de Remotion hasta que pasen. Úsalo cuando el usuario pida arreglar el formato o ejecutar el comando de formato.

Ejecuta las verificaciones de formato y estilo de Remotion hasta que pasen. Úsalo cuando el usuario pida corregir el formato o ejecutar el comando de formato.

Manages stacked PRs and splits multi-part work into reviewable branches with gh-stack. Use for stack creation, viewing, edits, push, submit, sync, rebase,…

Usar al renderizar o reemplazar videos de tira del creador de la página de inicio de Remotion, especialmente recursos WebM transparentes de Chrome y MP4 de Safari copiados en ambas páginas promocionales…

Úsalo al renderizar o reemplazar videos de la tira de creadores de la página de inicio de Remotion, especialmente activos WebM transparentes de Chrome y MP4 de Safari copiados en ambas páginas promocionales…

Instalar y verificar la versión fijada de Chrome for Testing utilizada por la extensión privada Remotion Canvas Capture en macOS con Apple Silicon. Usar al configurar Canvas…

Mejores prácticas para escribir animaciones de Remotion que se mantengan intuitivas para agentes y editables en el Modo Visual de Remotion Studio.

Crear o actualizar issues de GitHub con la nomenclatura correcta de Remotion y manejo seguro de Markdown multilínea

Manage GitHub Issues 2.0 relationships with gh CLI: parent issues, sub-issues, blocked-by, and blocking links.

Gestiona relaciones de GitHub Issues 2.0 con gh CLI: issues padre, sub-issues, bloqueado por y enlaces de bloqueo.

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.

Manejo multimedia con la biblioteca Mediabunny

Manejo de multimedia con la biblioteca Mediabunny

Manejo multimedia con la librería Mediabunny

Manejo multimedia con la librería Mediabunny

Espera a que una solicitud de extracción de Remotion se vuelva fusionable, gestiona los conflictos de fusión, distingue los fallos reales de CI de los fallos intermitentes, vuelve a ejecutar las comprobaciones intermitentes a través del flake…

Crear un nuevo Elemento Remotion con una composición de vista previa correctamente configurada para desarrollo en el Remotion Studio de la documentación.

Corrige los parámetros opcionales recién añadidos, las props opcionales de React y los miembros opcionales de tipos/interfaces en los diffs del monorepo de Remotion convirtiendo las API internas a…

Fix newly added optional parameters, optional React props, and optional type/interface members in Remotion monorepo diffs by converting internal APIs to…

Inicia la aplicación de ejemplo @remotion/player y ábrela en el navegador Codex. Úsalo cuando el usuario invoque /player-example o $player-example, pida lanzar el…

Inicia la aplicación de ejemplo @remotion/player y ábrela en el navegador Codex. Úsalo cuando el usuario invoque /player-example o $player-example, solicite iniciar la…

Abre una pull request para la característica actual

Abrir una solicitud de extracción para la funcionalidad actual

Nombre correcto para un PR

Revisar o corregir un título de pull request de Remotion

Resolver fallos de CI, conflictos de fusión o cambios en la rama local para preparar un PR

Resolver fallos de CI, conflictos de fusión o cambios en la rama local para dejar un PR listo

Finalizar un Elemento Remotion desarrollado, agregarlo a la galería de documentación, renderizar sus vistas previas y ejecutar verificaciones del repositorio.

Lanzar una nueva versión de Remotion

Publicar una nueva versión de Remotion

Habilidades para crear videos con Remotion.

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

Enrutador para todas las habilidades de Remotion

Best practices for Remotion - Video creation in React

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

Mejores prácticas para Remotion

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...

Manejo de subtítulos en Remotion

Transcribir, mostrar y animar subtítulos

Transcribiendo, mostrando y animando subtítulos

Manejo de subtítulos en Remotion

Manejo de subtítulos en Remotion

Creando un nuevo video de Remotion

Crear un nuevo video de Remotion

Creando un nuevo video de Remotion

Creando un nuevo video de Remotion

Buscar documentación de Remotion

Buscar documentación de Remotion

Buscar documentación de Remotion

Buscar documentación de Remotion

Mejores prácticas para escribir animaciones de Remotion que sigan siendo intuitivas para los agentes y editables en el Modo Visual de Remotion Studio.

Estructura el markup de Remotion para la interactividad

Estructurar el marcado de Remotion para la interactividad

Mejores prácticas para escribir animaciones de Remotion que sean intuitivas para los agentes y editables en el Modo Visual de Remotion Studio.

Mejores prácticas para escribir animaciones de Remotion que sigan siendo intuitivas para los agentes y editables en el Modo Visual de Remotion Studio.

Conocimiento de animación de mapas de Remotion

Conocimiento de animación de Remotion Map

Conocimiento de animación de mapas de Remotion

Conocimiento de animación de mapas de Remotion

Mejores prácticas de contenido, animación y efectos

Mejores prácticas para escribir Remotion React Markup

Mejores prácticas para escribir Remotion React Markup

Mejores prácticas para escribir Remotion React Markup

Interactuando con Mediabunny

Interactuando con Mediabunny

Interactuando con Mediabunny

Interactuando con Mediabunny

Exportar un vídeo de Remotion

Exportar un video de Remotion

Mejores prácticas para renderizar videos

Mejores prácticas para renderizar videos

Mejores prácticas para renderizar videos

Crea una aplicación con Remotion

Construcción de aplicaciones de video con Remotion - framework, renderizado y consejos sobre el Player

Construcción de aplicaciones de video con Remotion - framework, renderizado y consejos sobre el Player

Construcción de aplicaciones de video con Remotion: asesoramiento sobre framework, renderizado y Player

Previsualiza un vídeo de Remotion

Previsualizar un video de Remotion

Vista previa de un video de Remotion

Previsualizar un video de Remotion

Actualizar Remotion, y paquetes relacionados

Actualizar Remotion y paquetes relacionados

Actualizar Remotion y paquetes relacionados.

Actualiza Remotion y los paquetes relacionados

Crea un nuevo elemento de Remotion con una composición de vista previa correctamente configurada para desarrollo en el Remotion Studio de docs.

Documenta la ubicación de habilidades de Remotion. Úsalo al agregar, mover o editar habilidades de Remotion para decidir si una habilidad pertenece a .agents/skills como una habilidad interna...

Colocación de habilidades de Document Remotion. Úselo al agregar, mover o editar habilidades de Remotion para decidir si una habilidad pertenece a .agents/skills como una habilidad interna…

Inicia Remotion Studio desde packages/example y ábrelo en el navegador de Codex. Úsalo cuando el usuario invoque /studio o $studio, pida iniciar el Studio de ejemplo,…

Inicia Remotion Studio desde packages/example y ábrelo en el navegador de Codex. Úsalo cuando el usuario invoque /studio o $studio, solicite iniciar el ejemplo de Studio,…

Clasifica y conecta las opciones de configuración de Remotion Studio como startup-fixed o reloadable, evitando comportamientos de ciclo de vida mixtos entre consumidores. Úsalo cuando…

Diagnostica y corrige errores de la interfaz de Remotion Studio causados por el reset global de CSS. Úsalo cuando el texto anidado o los iconos SVG tengan colores, tipografía, tamaños o hover incorrectos…

Guía para cambios en la interfaz de usuario de Remotion Studio donde el reseteo global de CSS afecta elementos anidados. Úselo al editar paquetes/interfaz de estudio, especialmente al agregar envoltorios…

Optimiza el rendimiento de renderizado de Remotion Studio minimizando las superficies de componentes reactivos a fotogramas, prefiriendo lecturas imperativas del estado de la línea de tiempo y memoizando componentes estables…

Finaliza un Elemento de Remotion desarrollado, agrégalo a la galería de documentación y prepara ya sea un envío directo de miembro o una contribución revisable externamente.

Publica los binarios de Remotion Lambda Chrome en la región de prueba eu-central-1 y actualiza las referencias de la capa alojada y la versión de Chrome. Úsalo al actualizar Chrome…

Publicar los binarios de Chrome de Remotion Lambda en la región de prueba eu-central-1 y actualizar las referencias de la capa alojada y la versión de Chrome. Usar al actualizar Chrome…

Actualiza la rama actual de Remotion con la última rama principal canónica. Úsalo cuando se pida actualizar o sincronizar desde upstream main, fusionar la última main en una…

Actualizar la revisión de Git de ffmpeg-next de Remotion a un commit publicado de rust-ffmpeg, refrescar Cargo.lock, reconstruir todos los binarios de compositor compatibles, validar el…

Actualiza los recuentos de estrellas de GitHub en la página principal de Remotion. Úsalo cuando se te pida actualizar el recuento de estrellas de GitHub mostrado y enviar el cambio a main.

Actualiza los contadores de estrellas de GitHub en la página principal de Remotion. Úsalo cuando se te pida actualizar el número de estrellas de GitHub mostrado y enviar el cambio a main.

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Actualiza la anulación de caniuse-lite en el repositorio de Remotion. Se usa cuando se te pide actualizar caniuse-lite a la última versión de npm.

Actualiza el override de caniuse-lite en el repositorio de Remotion. Úsalo cuando se pida actualizar caniuse-lite a la última versión de npm.

Actualizar Mediabunny y los paquetes @mediabunny relacionados en el repositorio de Remotion. Úsalo cuando se te pida actualizar Mediabunny a la última versión.

Actualizar Mediabunny y los paquetes relacionados @mediabunny en todo el repositorio de Remotion. Usar cuando se solicite actualizar Mediabunny a la última versión.

Sube los recursos grandes del repositorio de Remotion al bucket de Cloudflare R2 detrás de remotion.media y reemplaza los recursos locales de public/ con URLs alojadas. Úsalo cuando un archivo esté…

Sube grandes activos del repositorio de Remotion al bucket de Cloudflare R2 detrás de remotion.media y reemplaza los activos locales de public/ con URLs alojadas. Usa cuando un archivo es…

Implementar o revisar un cambio disruptivo de Remotion 5 mientras las líneas de lanzamiento v4 y v5 siguen compartiendo código. Utilizar cuando el comportamiento de v4 y los tipos públicos deben permanecer…

Configura un monitor de Codex para despliegues de Vercel y URLs de vista previa. Úsalo cuando el usuario invoque /vercel o $vercel, pida a Codex que observe o monitoree un Vercel…

Configurar un monitor de Codex para despliegues de Vercel y URLs de vista previa. Usar cuando el usuario invoca /vercel o $vercel, pide a Codex que observe o monitoree un Vercel…

La versión de Remotion en la que estamos trabajando.

La versión de Remotion en la que estamos trabajando.

Generar un informe sobre un video

Generar un informe sobre un video

Guía para trabajar en el modo visual de Remotion Studio, identidad de secuencias, rutas de nodos, pilas simbolizadas, IDs de anulación y comportamiento de recarga en caliente. Usar cuando…

Guía para trabajar en el modo visual de Remotion Studio, identidad de secuencias, rutas de nodos, pilas simbolizadas, IDs de anulación y comportamiento de recarga en caliente. Úsese cuando…

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...

Añadir un caso de prueba al web renderer

Guías para escribir y editar la documentación de Remotion. Úsalo al añadir páginas de documentación, editar archivos MDX en packages/docs, o escribir contenido de documentación.

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...

Reglas para escribir y revisar pruebas en el repositorio de Remotion. Úsalo siempre que agregues, edites o revises pruebas, especialmente para Studio UI, rendering, CLI,…