Contexto da AY Automate
Caso de uso principal: conteúdo de vídeo no LinkedIn para a liderança de pensamento da AY Automate.
Formatos Típicos de Vídeo para LinkedIn
- Clipes de liderança de pensamento (15-45 seg): Opiniões contrárias, demonstrações de agentes de IA, atualizações de construção pública
- Tutoriais passo a passo (60-90 seg): Demonstrações de fluxos de trabalho n8n, explicações de arquitetura de agentes
- Anúncios de vitórias de clientes (30-45 seg): Métricas de antes/depois, revelações animadas de estatísticas
Integração de Marca
- Fundo: #0a0f1a (azul marinho escuro) | Destaque: #00d4ff (ciano) | Texto: #f0f4f8
- Fonte: Inter (títulos + corpo), JetBrains Mono (código)
- Exportação: MP4, ideal de 15 a 90 seg, sempre incluir legendas
Quando usar
Use esta skill sempre que estiver trabalhando com projetos Remotion. Isso inclui:
- Criar novas composições ou animações de vídeo
- Editar componentes Remotion existentes
- Adicionar ativos (imagens, áudio, vídeo) a um projeto Remotion
- Construir sequências animadas, transições ou efeitos
- Qualquer tarefa envolvendo um diretório de projeto Remotion
Principais gatilhos: A palavra "Remotion", caminhos contendo remotion-videos/, arquivos como remotion.config.ts, ou solicitações para criar conteúdo de vídeo animado em React.
Como usar
Leia 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 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, stills, pastas, props padrão e metadados dinâmicos
- rules/display-captions.md - Exibir 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 - Carregar fontes do Google 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 no 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, limite 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
- rules/parameters.md - Tornar um vídeo parametrizável adicionando um esquema Zod
- rules/maps.md - Adicionar um mapa usando Mapbox e animá-lo