remotion-best-practices

Quando Usar

Use esta habilidade sempre que estiver lidando com código Remotion para obter conhecimento específico do domínio.

Como Usar

Leia os arquivos de regras individuais para explicações detalhadas e exemplos de código:

• rules/3d.md - Conteúdo 3D em Remotion usando Three.js e React Three Fiber
• rules/animations.md - Habilidades fundamentais de animação para Remotion
• rules/assets.md - Importando imagens, vídeos, áudio e fontes para Remotion
• rules/audio.md - Usando áudio e som em Remotion - importando, cortando, volume, velocidade, tom
• rules/calculate-metadata.md - Definir dinamicamente a duração, dimensões e props da composição
• rules/can-decode.md - Verificar se um vídeo pode ser decodificado pelo navegador usando Mediabunny
• rules/charts.md - Padrões de gráficos e visualização de dados para Remotion
• rules/compositions.md - Definindo composições, stills, pastas, props padrão e metadados dinâmicos
• rules/display-captions.md - Exibindo legendas em Remotion com páginas no estilo TikTok e destaque de palavras
• rules/extract-frames.md - Extrair quadros de vídeos em timestamps específicos usando Mediabunny
• rules/fonts.md - Carregando Google Fonts e fontes locais em Remotion
• rules/get-audio-duration.md - Obtendo a duração de um arquivo de áudio em segundos com Mediabunny
• rules/get-video-dimensions.md - Obtendo a largura e altura de um arquivo de vídeo com Mediabunny
• rules/get-video-duration.md - Obtendo a duração de um arquivo de vídeo em segundos com Mediabunny
• rules/gifs.md - Exibindo GIFs sincronizados com a linha do tempo do Remotion
• rules/images.md - Incorporando imagens em Remotion usando o componente Img
• rules/import-srt-captions.md - Importando arquivos de legendas .srt para Remotion usando @remotion/captions
• rules/lottie.md - Incorporando animações Lottie em Remotion
• rules/measuring-dom-nodes.md - Medindo dimensões de elementos DOM em Remotion
• rules/measuring-text.md - Medindo dimensões de texto, ajustando texto a contêineres e verificando overflow
• rules/sequencing.md - Padrões de sequenciamento para Remotion - atraso, corte, limite de duração de itens
• rules/tailwind.md - Usando TailwindCSS em Remotion
• rules/text-animations.md - Padrões de tipografia e animação de texto para Remotion
• rules/timing.md - Curvas de interpolação em Remotion - animações lineares, de suavização, de mola
• rules/transcribe-captions.md - Transcrevendo áudio para gerar legendas em Remotion
• rules/transitions.md - Padrões de transição de cena para Remotion
• rules/trimming.md - Padrões de corte para Remotion - cortar o início ou o fim de animações
• rules/videos.md - Incorporando vídeos em Remotion - corte, volume, velocidade, loop, tom

Limitações

• Use esta habilidade apenas quando a tarefa corresponder claramente ao escopo descrito acima.
• Não trate a saída como substituta para validação específica do ambiente, testes ou revisão de especialistas.
• Pare e peça esclarecimentos se os inputs necessários, permissões, limites de segurança ou critérios de sucesso estiverem ausentes.