Skills de Remotion Dev

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

Adicionar um novo efeito sonoro ao @remotion/sfx

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

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

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.

Nomeação correta para um PR

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

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

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

Gerar um relatório sobre um vídeo

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

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