Communitygithub.com

mryunkaka/remotion-visual-direction

Projete vídeos Remotion com visuais que tenham personalidade, fundo e movimento vivos, sem parecer um slideshow genérico. Use ao criar storyboards ou cenas.

O que é remotion-visual-direction?

Esta habilidade fornece diretrizes detalhadas para criar animações e visuais impactantes no Remotion, evitando resultados genéricos como slideshows. Ela orienta sobre como selecionar mídias (ilustrações, footage licenciado, SVG, Canvas, 3D), definir paletas, composições e regras de movimento consistentes com a narrativa, variando entre beats. Para cada cena, são definidos foco, fundo, escala, direção de movimento e câmera, com ênfase na construção de profundidade (tamanho, sobreposição, parallax, iluminação) e na escolha de movimentos de câmera variados (pan, tracking, dolly, órbita, tilt) com easing significativo. A habilidade também aborda o design de personagens (ilustração, 2.5D, footage ou formas simbólicas), animação de articulações (ombros, cotovelos, pulsos, cabeça) com pivôs realistas e timing variado conforme a emoção. Por fim, reforça a natureza determinística e baseada em quadros do Remotion, com recomendações de revisão (stills, contact sheet, preview) e boas práticas como texto legível em área segura e evitar efeitos universais desnecessários. A habilidade é compatível com qualquer agente que utilize o ecossistema Remotion, sendo útil para desenvolvedores que desejam criar vídeos programáticos com qualidade visual profissional.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mryunkaka/remotion-video/tree/HEAD/.opencode/skills/remotion-visual-direction

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Direção visual e de movimento

Comece pela emoção e informação do beat narrativo. Escolha a mídia e composição porque são adequadas para a história: ilustração gráfica, footage licenciado, colagem, formas 2D, SVG, Canvas ou 3D se realmente apoiar a narrativa. Crie regras consistentes de paleta, forma, luz, textura, foco e movimento, mas varie entre os beats.

Para cada cena, defina sujeito/foco, foreground-background, escala, direção de movimento, câmera e o motivo da transição. Projete o background como um espaço reconhecível: formato do ambiente, superfície, horizonte, distância próxima/longe, iluminação e detalhes contextuais. Não pare em um gradiente vazio com alguns quadrados. Construa profundidade através de tamanho, sobreposição, parallax, iluminação ou mudanças de foco. Adicione névoa apenas se o estilo artístico realmente exigir.

Projete um ou dois movimentos principais e movimentos secundários suaves. Escolha movimentos de câmera diferentes entre as cenas — por exemplo, pan, tracking, dolly, órbita, tilt ou câmera estática — e use easing e pausas com intenção. Não use o mesmo zoom em todas as cenas. Dê elementos com formas orgânicas apenas se relacionados à cena.

Personagens e corpo

Se a história realmente precisar mostrar pessoas, determine se o estilo de ilustração, personagem 2.5D, footage licenciado ou forma simbólica é mais adequado. Não desenhe figuras fotorrealistas com formas pouco convincentes. Crie um design de personagem consistente entre as cenas. Para ilustrações em camadas, anime ombros, cotovelos, pulsos, cabeça, olhar, cabelo/roupa com pivôs que façam sentido; adicione mudança de peso, antecipação, follow-through e pequenos movimentos de respiração se a cena for longa o suficiente. Varie o timing de acordo com a emoção; não faça todas as partes balançarem com o mesmo spring. Evite formas humanas que pareçam pilhas de retângulos, a menos que seja um estilo gráfico intencional.

Se a qualidade do personagem gerado por código prejudicar o resultado, simplifique o estilo para silhueta/recorte limpo ou escolha imagem/footage com licença clara, em vez de forçar pessoas que pareçam rígidas. Evite objetos flutuantes, textura de ruído excessiva e detalhes falsos que obscureçam o tema.

O Remotion deve ser determinístico e baseado em quadros. Revise stills da cena, contact sheets e previews em movimento para detectar designs que parecem bons como código, mas ruins quando assistidos. O texto deve ser curto, legível na tela alvo e colocado em área segura. Não há transições, glitches, partículas, grãos ou efeitos de luz obrigatórios universalmente.

Habilidades Relacionadas