Quando usar
Use este skill sempre que estiver lidando com código Remotion para obter conhecimento específico do domínio.
Legendas
Ao lidar com legendas ou subtítulos, carregue o arquivo ./rules/subtitles.md para mais informações.
Usando FFmpeg
Para algumas operações de vídeo, como cortar vídeos ou detectar silêncio, o FFmpeg deve ser usado. Carregue o arquivo ./rules/ffmpeg.md para mais informações.
Visualização de áudio
Quando precisar visualizar áudio (barras de espectro, formas de onda, efeitos reativos a graves), carregue o arquivo ./rules/audio-visualization.md para mais informações.
Efeitos sonoros
Quando precisar usar efeitos sonoros, carregue o arquivo ./rules/sound-effects.md para mais informações.
Como usar
Leia os arquivos de regras individuais para 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 o 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 da composição, dimensões e props
- 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 o Remotion (barras, pizza, linha, ações)
- rules/compositions.md - Definição de composições, imagens estáticas, pastas, props padrão e metadados dinâmicos
- 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/light-leaks.md - Efeitos de sobreposição de vazamento de luz usando @remotion/light-leaks
- 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 estouro
- rules/sequencing.md - Padrões de sequenciamento para o Remotion - atraso, corte, limite de duração de itens
- rules/tailwind.md - Uso do TailwindCSS no Remotion
- rules/text-animations.md - Padrões de tipografia e animação de texto para o Remotion
- rules/timing.md - Curvas de interpolação no Remotion - linear, easing, animações spring
- rules/transitions.md - Padrões de transição de cena para o Remotion
- rules/transparent-videos.md - Renderização de um vídeo com transparência
- rules/trimming.md - Padrões de corte para o Remotion - cortar o início ou o fim de animações
- rules/videos.md - Incorporação de vídeos no Remotion - corte, volume, velocidade, looping, tom
- rules/parameters.md - Tornar um vídeo parametrizável adicionando um esquema Zod
- rules/maps.md - Adicionar um mapa usando Mapbox e animá-lo
- rules/voiceover.md - Adicionar narração gerada por IA a composições do Remotion usando ElevenLabs TTS