Quando usar
Use este skill 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 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 - Definição de composições, stills, pastas, props padrão e metadados dinâmicos
- rules/display-captions.md - Exibição de legendas no Remotion com páginas estilo TikTok e destaque de palavras
- rules/extract-frames.md - Extrair quadros de vídeos em timestamps específicos usando Mediabunny
- rules/fonts.md - Carregamento de 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 - Exibição de GIFs sincronizados com a linha do tempo do Remotion
- rules/images.md - Incorporação de imagens no Remotion usando o componente Img
- rules/import-srt-captions.md - Importação de arquivos de legenda .srt no Remotion usando @remotion/captions
- rules/lottie.md - Incorporação de animações Lottie no Remotion
- rules/measuring-dom-nodes.md - Medição de dimensões de elementos DOM no Remotion
- rules/measuring-text.md - Medição de dimensões de texto, ajuste de texto a contêineres e verificação de overflow
- rules/sequencing.md - Padrões de sequenciamento para Remotion - atraso, corte, limitação de duração de itens
- rules/tailwind.md - Uso de 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 - Transcrição de á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 fim de animações
- rules/videos.md - Incorporação de vídeos no Remotion - corte, volume, velocidade, loop, tom