Quando usar
Use esta skill sempre que estiver lidando com código Remotion para obter o conhecimento específico do domínio.
Como usar
Leia os arquivos de regras individuais para obter explicações detalhadas e exemplos de código:
- rules/3d.md - Conteúdo 3D no Remotion usando Three.js e React Three Fiber
- rules/animations.md - Habilidades fundamentais de animação para Remotion
- rules/assets.md - Importação de imagens, vídeos, áudio e fontes no Remotion
- rules/audio.md - Uso de áudio e som no Remotion - importação, corte, volume, velocidade, tom
- rules/calculate-metadata.md - Definir dinamicamente 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 - Definir composições, imagens estáticas, pastas, props padrão e metadados dinâmicos
- rules/display-captions.md - Exibir legendas no 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 - Carregar Google Fonts e fontes locais no Remotion
- rules/get-audio-duration.md - Obter a duração de um arquivo de áudio em segundos com Mediabunny
- rules/get-video-dimensions.md - Obter a largura e altura de um arquivo de vídeo com Mediabunny
- rules/get-video-duration.md - Obter a duração de um arquivo de vídeo em segundos com Mediabunny
- rules/gifs.md - Exibir GIFs sincronizados com a linha do tempo do Remotion
- rules/images.md - Incorporar imagens no Remotion usando o componente Img
- rules/import-srt-captions.md - Importar arquivos de legenda .srt para o Remotion usando @remotion/captions
- rules/lottie.md - Incorporar animações Lottie no Remotion
- rules/measuring-dom-nodes.md - Medir dimensões de elementos DOM no Remotion
- rules/measuring-text.md - Medir dimensões de texto, ajustar texto a contêineres e verificar estouro
- rules/sequencing.md - Padrões de sequenciamento para Remotion - atraso, corte, limitação de duração de itens
- rules/tailwind.md - Usar TailwindCSS no Remotion
- rules/text-animations.md - Padrões de tipografia e animação de texto para Remotion
- rules/timing.md - Curvas de interpolação no Remotion - animações lineares, easing, spring
- rules/transcribe-captions.md - Transcrever áudio para gerar legendas no 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 - Incorporar vídeos no Remotion - corte, volume, velocidade, loop, tom