osminoog09-star/Shorts

Crie e refine motion graphics originais, animações de produtos e tipografia cinética: da ideia e storyboard dinâmico até a exportação validada.

O que é Shorts?

O skill **vizavi_motion** é um assistente especializado em animação e motion design, projetado para guiar a criação de vídeos de alta qualidade, desde o conceito inicial até a exportação final. Ele se destaca por sua abordagem estruturada que envolve três mecânicas principais: qualidade padrão com câmera contínua, tipografia expressiva e sincronia com som; direção criativa antes da implementação, incluindo a geração de múltiplas opções criativas para cada cena; e iteração obrigatória após a primeira montagem para refinar e corrigir defeitos. O skill suporta plataformas como Claude Code, Cursor e Codex, e opera principalmente com HTML/CSS/JavaScript, SVG/Canvas e timelines gerenciadas, podendo usar bibliotecas externas quando necessário. Além disso, oferece módulos especializados para tarefas como referências de vídeo, continuidade de imagens, animação de UI, e packaging para YouTube, garantindo que o usuário tenha total controle sobre o processo criativo. O resultado padrão de exportação é MP4 em 1920×1080, 60 fps, com áudio AAC, mas pode ser ajustado conforme o briefing.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/osminoog09-star/Shorts/tree/HEAD/skills/vizavi-motion

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

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

Documentação

vizavi_motion

As três mecânicas abaixo são a base do skill. Módulos adicionais ajudam a executá-las, mas não as substituem nem definem um modelo obrigatório. O briefing explícito do usuário, formato, duração, áudio e recursos permitidos têm prioridade sobre os defaults. Uma ideia simples é suficiente: tome decisões de direção sozinho, sem exigir um questionário técnico do usuário. Não invente propriedades reais do produto, preços ou preferências confirmadas.

Por padrão, prefira HTML/CSS/JavaScript direto, SVG/Canvas e sua própria timeline gerenciada, quando forem suficientes para a qualidade. Bibliotecas e engines adequadas são permitidas conforme necessidade real; não atribua frameworks ou instale dependências antecipadamente sem utilidade.

1. Qualidade padrão

Crie animação viva, rica e detalhada. A câmera se move continuamente durante a narrativa ativa: acelerações e desacelerações suaves, trajetória coesa, inclinações motivadas, diagonais, giros leves e sobrevoos. Mostre profundidade de perspectiva e movimento relativo dos planos frontal, médio e de fundo. Um único zoom linear de uma composição plana não substitui isso. Pausa técnica e quadro final legível não exigem movimento sem sentido.

A tipografia participa da ação: fonte expressiva, plasticidade de forma, letras, palavras e espaço, não apenas o surgimento de uma legenda. Os objetos têm peso, inércia, material, luz, contato e reações secundárias. Mude acentos e enquadramentos sem travamentos longos ou agitação caótica; mantenha a riqueza através da hierarquia, e não eliminando todo o ambiente.

Use motion blur conforme o movimento relativo e profundidade de campo controlada em planos espaciais/próximos. Se necessário, adicione desfoque radial para cartões ou cenas profundas; ele não substitui DOF ou motion blur. Mantenha a legibilidade e o reconhecimento. Por padrão, crie música adequada e design de som, sincronizados ao ritmo, ações e estilo, sem ferramenta obrigatória de geração. Se o briefing exigir silêncio — o som está ausente. Resultado mudo não chame de sonorizado. Detalhes: movimento e som.

Periodicamente, conecte transições, cortes e ações significativas com acentos expressivos da música real/SFX; estes são pontos de sincronização significativos, e não uma troca obrigatória de quadro a cada batida.

2. Direção antes da implementação

Antes da montagem completa, desenvolva uma única ideia/fio original e um storyboard dinâmico completo. Para cada cena, proponha 3–5 opções criativas breves e substancialmente diferentes, e escolha a mais forte considerando o todo. Opções concisas, a solução escolhida e um storyboard prático são suficientes; não é necessário processo interno de raciocínio.

Em cada plano, registre o foco semântico, composição e camadas, ação/alteração do objeto, texto e seu movimento, câmera, luz/foco, entrada da cena anterior, saída para a próxima, som e ritmo. As cenas devem desenvolver a história causalmente. Círculo, letra O ou portal são apenas um recurso possível; não os repita automaticamente. É possível combinar 2–3 recursos se formarem uma ação coesa. Antes da montagem cara, verifique o principal risco técnico ou artístico com um teste rápido. Detalhes: storyboard.

3. Iteração obrigatória após a primeira montagem

Considere a primeira montagem, por padrão, como um rascunho interno não refinado e não a apresente imediatamente como final. Revise todo o vídeo, cada cena e transições; com som, ouça a música, SFX e o mix completo. Verifique sentido, pausas entediantes, ritmo, câmera, legibilidade, forma, artefatos, emendas e sincronia. Corrija as causas encontradas, reavalie o alterado e o todo. Não declare eficácia comprovada do skill apenas por ter instruções ou um único quadro bem-sucedido.

Por padrão, entregue um MP4 finalizado: 1920×1080, 60 fps, H.264, yuv420p, áudio AAC, a menos que o usuário solicite sem som. Preserve HTML/JS e outros arquivos-fonte editáveis adicionalmente; 4K — sob demanda; parâmetros explícitos do briefing são mais importantes que defaults. A prévia em HTML não substitui o vídeo pronto.

Verifique também a exportação decodificada final, seu início, fim, limites de cena e parâmetros técnicos. Código, contato e contador de quadros não substituem a percepção de movimento/som. Se a ferramenta necessária não estiver disponível, indique honestamente a propriedade específica não verificada e entregue o artefato disponível com status correspondente, sem chamá-lo de aprovado nessa verificação. Finalize após corrigir defeitos significativos e cumprir os critérios do briefing; alternativas opcionais de gosto não exigem retrabalho infinito. Detalhes: revisão e exportação.

Módulos adicionais — apenas conforme a tarefa

  • Vídeo ou múltiplas referências: análise e combinação.
  • Série de imagens, personagem, alpha: preservação de identidade.
  • Modelos 3D prontos, materiais, articulações: recursos 3D.
  • Animação de interface de produto, cursor e estados: SaaS/UI motion.
  • Estilos acordados e fontes verificadas: registro. As seis partes selecionadas da demonstração educacional aplicam-se apenas a essa demonstração; para outros vídeos, escolha o idioma conforme o briefing.
  • Estilo do canal (obrigatório para todos os vídeos M1lash): estilo.
  • Longform documentário com narração (8–15 min, fatos, timeline por palavras): longform.
  • Render longo, 30 fps, partes paralelas em GitHub Actions: orçamento de render.
  • Música apenas com licença e atribuição (obrigatório para o canal): música.
  • Título, descrição, capítulos, tags, capa: embalagem para YouTube.

Para vídeos longos do canal (>3 min), a exportação padrão é 1920×1080, 30 fps (veja orçamento de render), e não 60 fps.

Habilidades Relacionadas