Skills de Remotion Dev

Conteúdo 3D no Remotion usando Three.js e React Three Fiber.

Accept an external Remotion Element contribution by verifying its committed previews, uploading them to R2, removing the temporary assets, and preparing the…

Adicionar uma nova entrada de bug do Remotion em packages/bugs/api/[v].ts. Use quando o usuário descrever um bug e versões afetadas do Remotion que devem ser exibidas através do…

Add a new Remotion bug entry to packages/bugs/api/[v].ts. Use when the user describes a bug and affected Remotion versions that should be surfaced through the…

Adicionar uma nova opção de CLI ou configuração do Remotion criando um AnyRemotionOption, registrando a análise da CLI, conectando os setters de configuração e atualizando a documentação. Use quando…

Add a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing, wiring config setters, and updating documentation. Use when…

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, tests, formatting, and…

Adicionar um novo efeito ao @remotion/effects, incluindo implementação, exportações do pacote, documentação, demonstrações, imagens de pré-visualização, atualizações da habilidade Remotion, testes, formatação e…

Add a new expert to the Remotion experts page

Adicionar um novo especialista à página de especialistas do Remotion

Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, tests, and release checklist…

Adicionar um novo pacote ao monorepo Remotion, incluindo scaffolding do pacote, registro no monorepo, documentação, scripts de build, testes e checklist de release…

Adicionar um novo efeito sonoro ao @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…

Adicionar um bug de WebCodecs do navegador à página de documentação de bugs do WebCodecs do Remotion Mediabunny. Use quando for fornecida uma URL de problema do Chromium, WebKit ou Firefox que deva ser rastreada…

Reconstruir, instalar e recarregar a extensão privada do Chrome Remotion Canvas Capture descompactada. Use quando a extensão precisar ser restaurada após uma worktree do Codex…

Checkout a requested branch or ref in the Remotion repo, rename the current task to the associated PR title when running in Codex, then install dependencies…

Faça o checkout de uma branch ou ref solicitada no repositório Remotion, depois instale as dependências e faça o build. Use quando o usuário pedir para fazer checkout de uma ref e preparar o…

Start the local @remotion/convert app and open it in the Codex browser. Use when the user invokes /convert or $convert, asks to launch convert.remotion.dev…

Inicie o aplicativo local @remotion/convert e abra-o no navegador Codex. Use quando o usuário invocar /convert ou $convert, pedir para abrir convert.remotion.dev…

Referência para como a depreciação de APIs públicas do Remotion é representada no código-fonte e na documentação TypeScript. Use ao adicionar, revisar ou discutir uma…

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…

Inicie o site de documentação do Remotion e abra-o no navegador Codex. Use quando o usuário invocar /docs ou $docs, pedir para abrir o site de documentação local ou quiser…

Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.

Adicione uma demonstração interativa à documentação do Remotion. Use ao criar um novo componente <Demo> para páginas de documentação.

Audite e limpe a hierarquia do masterplan do Remotion no GitHub. Use ao encontrar issues abertas que não possuem um ancestral masterplan, identificando issues órfãs que precisam de um…

Fix a Dependabot PR by updating all monorepo instances of the dependency, running bun install, and pushing

Corrigir um PR do Dependabot atualizando todas as instâncias do monorepo da dependência, executando bun install e fazendo push.

Track Remotion CI flakes in issue

Rastrear falhas do Remotion CI em issue

Run Remotion formatting and style checks until they pass. Use when the user asks to fix formatting or run the formatting command.

Execute verificações de formatação e estilo do Remotion até que passem. Use quando o usuário pedir para corrigir a formatação ou executar o comando de formatação.

Gerencia PRs empilhados e divide trabalhos de múltiplas partes em branches revisáveis com gh-stack. Use para criação de stacks, visualização, edições, push, envio, sync, rebase,…

Use when rendering or replacing Remotion homepage creator strip videos, especially transparent Chrome WebM and Safari MP4 assets copied into both promo-pages…

Use ao renderizar ou substituir vídeos da faixa do criador da página inicial do Remotion, especialmente ativos transparentes Chrome WebM e Safari MP4 copiados para ambas as páginas promocionais…

Instale e verifique a build fixada do Chrome for Testing usada pela extensão privada Remotion Canvas Capture no macOS com Apple Silicon. Use ao configurar Canvas…

Melhores práticas para escrever animações Remotion que permaneçam intuitivas para agentes e editáveis no Modo Visual do Remotion Studio.

Criar ou atualizar issues do GitHub com a nomenclatura correta do Remotion e tratamento seguro de Markdown multilinha

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

Gerencie relacionamentos de Issues do GitHub 2.0 com a CLI gh: issues pai, sub-issues, bloqueado por e links de bloqueio.

Automatize a criação de pull requests com commits formatados e gerenciamento de branches. Garante que você não esteja na branch principal, criando uma branch de funcionalidade, se necessário. Executa a formatação de código Oxfmt em todos os pacotes afetados antes de commitar. Formata commits e títulos de PR usando o nome do pacote do package.json (ex.: "@remotion/shapes: Adicionar formato de coração"). Usa a CLI gh para abrir o pull request automaticamente após enviar as alterações.

Multimedia handling with the Mediabunny library

Manipulação multimídia com a biblioteca Mediabunny

Manipulação multimídia com a biblioteca Mediabunny

Manipulação multimídia com a biblioteca Mediabunny

Aguardar que um pull request do Remotion se torne mergeável, lidar com conflitos de merge, distinguir falhas genuínas de CI de falhas instáveis, reexecutar verificações instáveis por meio do flake…

Estruture um novo Element do Remotion com uma composition de pré-visualização configurada corretamente para desenvolvimento no docs Remotion Studio.

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

Corrige parâmetros opcionais recém-adicionados, props opcionais do React e membros opcionais de tipos/interfaces em diffs do monorepo Remotion convertendo APIs internas para…

Start the @remotion/player example app and open it in the Codex browser. Use when the user invokes /player-example or $player-example, asks to launch the…

Inicie o aplicativo de exemplo @remotion/player e abra-o no navegador Codex. Use quando o usuário invocar /player-example ou $player-example, pedir para iniciar o…

Open a pull request for the current feature

Abrir um pull request para a funcionalidade atual

Nomeação correta para um PR

Revisar ou corrigir o título de um pull request do Remotion

Resolva falhas de CI, conflitos de merge ou alterações no branch local para deixar um PR pronto

Resolve CI failures, merge conflicts, or local branch changes to get a PR ready

Finalize um Remotion Element desenvolvido, adicione-o à galeria de docs, renderize seus previews e execute verificações do repositório.

Lançar uma nova versão do Remotion

Release a new Remotion version

Habilidades para criar vídeos com Remotion.

Melhores práticas para Remotion - Criação de vídeos em React

Router for all Remotion skills

Best practices for Remotion - Video creation in React

Melhores práticas para Remotion - Criação de vídeos em React

Melhores práticas para Remotion

Base de conhecimento específica de domínio para criação de vídeos com Remotion e React. Abrange mais de 30 arquivos de regras que cobrem animações, áudio, assets, conteúdo 3D, gráficos, texto, transições e gerenciamento de composição. Inclui orientação especializada para legendas, operações FFmpeg, visualização de áudio e integração de efeitos sonoros. Fornece padrões para cálculo dinâmico de metadados, inspeção de mídia (duração, dimensões, extração de quadros) e composições parametrizáveis. Suporta recursos avançados como Lottie...

Lidando com legendas no Remotion

Transcribing, displaying and animating captions

Transcribing, displaying and animating captions

Lidando com legendas no Remotion

Lidando com legendas no Remotion

Criando um novo vídeo Remotion

Create a new Remotion video

Criando um novo vídeo Remotion

Criando um novo vídeo Remotion

Search Remotion documentation

Search Remotion documentation

Search Remotion documentation

Search Remotion documentation

Melhores práticas para escrever animações Remotion que permanecem intuitivas para agentes e editáveis no Modo Visual do Remotion Studio.

Estruturar markup do Remotion para interatividade

Structure Remotion markup for interactivity

Melhores práticas para escrever animações Remotion que permanecem intuitivas para agentes e editáveis no Modo Visual do Remotion Studio.

Melhores práticas para escrever animações Remotion que permanecem intuitivas para agentes e editáveis no Modo Visual do Remotion Studio.

Conhecimento de animação de mapas com Remotion

Remotion Map animation knowledge

Remotion Map animation knowledge

Remotion Map animation knowledge

Content, animation and effects best practices

Melhores práticas para escrever Remotion React Markup

Melhores práticas para escrever Remotion React Markup

Melhores práticas para escrever Remotion React Markup

Interagindo com Mediabunny

Interacting with Mediabunny

Interacting with Mediabunny

Interacting with Mediabunny

Export a Remotion video

Export a Remotion video

Melhores práticas para renderizar vídeos

Melhores práticas para renderização de vídeos

Melhores práticas para renderizar vídeos

Build an app with Remotion

Construindo aplicativos de vídeo com Remotion - conselhos sobre framework, renderização e Player

Construindo aplicativos de vídeo com Remotion - conselhos sobre framework, renderização e Player

Construindo aplicativos de vídeo com Remotion - conselhos sobre framework, renderização e Player

Pré-visualizar um vídeo Remotion

Preview a Remotion video

Preview a Remotion video

Preview a Remotion video

Atualize o Remotion e os pacotes relacionados

Upgrade Remotion, and related packages

Upgrade Remotion, and related packages

Upgrade Remotion, and related packages

Estruturar um novo Elemento Remotion com uma composição de preview configurada corretamente para desenvolvimento no Remotion Studio de docs.

Document Remotion skill placement. Use when adding, moving, or editing Remotion skills to decide whether a skill belongs in .agents/skills as an internal skill…

Posicionamento de habilidades do Remotion. Use ao adicionar, mover ou editar habilidades do Remotion para decidir se uma habilidade pertence a .agents/skills como uma habilidade interna…

Start Remotion Studio from packages/example and open it in the Codex browser. Use when the user invokes /studio or $studio, asks to launch the example Studio,…

Inicie o Remotion Studio a partir de packages/example e abra-o no navegador Codex. Use quando o usuário invocar /studio ou $studio, pedir para iniciar o Studio de exemplo,…

Classificar e conectar opções de configuração do Remotion Studio como fixas na inicialização ou recarregáveis, evitando comportamento de ciclo de vida misto entre consumidores. Use quando…

Diagnose and fix Remotion Studio UI bugs caused by the global CSS reset. Use when nested text or SVG icons have incorrect color, typography, sizing, hover…

Orientações para mudanças na interface do Remotion Studio onde o reset global de CSS afeta elementos aninhados. Use ao editar a interface do pacote/studio, especialmente ao adicionar wrapper…

Otimize o desempenho de renderização do Remotion Studio minimizando superfícies de componentes reativos a frames, preferindo leituras imperativas do estado da timeline e memoizando estáveis…

Finalize a developed Remotion Element, add it to the docs gallery, and prepare either a direct member submission or an externally reviewable contribution.

Publish Remotion Lambda Chrome binaries to the eu-central-1 test region and update hosted layer and Chrome version references. Use when updating Chrome…

Publicar os binários do Chrome do Remotion Lambda na região de teste eu-central-1 e atualizar as referências da camada hospedada e da versão do Chrome. Usar ao atualizar o Chrome…

Atualize o branch atual do Remotion com o branch main canônico mais recente. Use quando solicitado a atualizar ou sincronizar com o upstream main, mesclar o main mais recente em um…

Atualizar a revisão do Git do ffmpeg-next do Remotion para um commit publicado do rust-ffmpeg, atualizar o Cargo.lock, recompilar todos os binários de compositor suportados, validar o…

Update Remotion homepage GitHub star counts. Use when asked to refresh the displayed GitHub star count and push the change to main.

Atualizar a contagem de estrelas do GitHub na página inicial do Remotion. Use quando for solicitado a atualizar o número de estrelas exibido no GitHub e enviar a alteração para o branch principal.

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

Upgrade the caniuse-lite override in the Remotion repo. Use when asked to update caniuse-lite to the latest npm version.

Atualizar a substituição do caniuse-lite no repositório Remotion. Use quando solicitado a atualizar o caniuse-lite para a versão mais recente do npm.

Upgrade Mediabunny and related @mediabunny packages across the Remotion repo. Use when asked to update Mediabunny to the latest version.

Atualizar o Mediabunny e os pacotes @mediabunny relacionados em todo o repositório Remotion. Use quando solicitado a atualizar o Mediabunny para a versão mais recente.

Upload large Remotion repository assets to the Cloudflare R2 bucket behind remotion.media and replace local public/ assets with hosted URLs. Use when a file is…

Fazer upload de grandes ativos do repositório Remotion para o bucket Cloudflare R2 por trás de remotion.media e substituir os ativos locais de public/ por URLs hospedados. Usar quando um arquivo estiver…

Implementar ou revisar uma breaking change do Remotion 5 enquanto as linhas de release v4 e v5 ainda compartilham código. Use quando o comportamento da v4 e os tipos públicos devem permanecer…

Set up a Codex monitor for Vercel deployments and preview URLs. Use when the user invokes /vercel or $vercel, asks Codex to watch or monitor a Vercel…

Configurar um monitor Codex para implantações Vercel e URLs de preview. Use quando o usuário invocar /vercel ou $vercel, pedir ao Codex para observar ou monitorar uma Vercel…

The version of Remotion we are working on.

A versão do Remotion na qual estamos trabalhando.

Gerar um relatório sobre um vídeo

Generate a report about a video

Guidance for working on Remotion Studio Visual Mode, sequence identity, node paths, symbolicated stacks, override IDs, and hot reload behavior. Use when…

Orientações para trabalhar no Modo Visual do Remotion Studio, identidade de sequência, caminhos de nós, pilhas simbolizadas, IDs de override e comportamento de hot reload. Use quando…

Teste de snapshot visual para componentes do web renderer usando fixtures do vitest. Crie fixtures de teste em packages/web-renderer/src/test/fixtures que definem um componente React, dimensões, taxa de quadros e duração. Registre fixtures em packages/web-renderer/src/test/Root.tsx para habilitar a funcionalidade de pré-visualização. Escreva casos de teste que renderizam stills usando renderStillOnWeb() e valide a saída com comparação de snapshot testImage(). Execute testes com bunx vitest src/test/video.test.tsx e atualize a documentação em...

Add a test case to the web renderer

Guides for writing and editing Remotion documentation. Use when adding docs pages, editing MDX files in packages/docs, or writing documentation content.

Diretrizes e modelos para escrever documentação da API Remotion no formato MDX. Crie um arquivo .mdx por API em packages/docs/docs, adicione-o ao sidebars.ts e execute bun render-cards.ts para gerar cartões de pré-visualização social. Use títulos ### para propriedades da API (não marcadores), adicione o sufixo ? para parâmetros opcionais e inclua valores padrão naturalmente nas descrições. Prefira trechos de código type-safe com validação twoslash; use // ---cut--- para ocultar importações e sempre adicione atributos title a...

Regras para escrever e revisar testes no repositório Remotion. Use ao adicionar, editar ou revisar testes, especialmente para Studio UI, renderização, CLI,…