Communitygithub.com

madhavsomani/animation-skills

Cria Reels educacionais do Madhav com um apresentador amplo e em movimento abaixo de recursos visuais de ensino legíveis. Use para ampliar seu rosto ou avatar do HeyGen, substituir um encaixe minúsculo ou reutilizar este estilo de tela dividida; não é uma reformatação geral de vídeos aprovados.

O que é animation-skills?

Esta skill cria vídeos educacionais no estilo 'Reels' para o Madhav, onde um apresentador em movimento ocupa a metade inferior da tela (cabeça e ombros, sem cortes na cabeça), enquanto a metade superior exibe um único recurso visual concreto de cada vez (código, diagramas, antes/depois). As legendas sincronizadas com a fala são posicionadas em uma faixa estável entre a explicação e o apresentador, evitando olhos, boca e gestos. A skill prioriza o uso de narração original autorizada e a geração de áudio antes da animação do avatar (HeyGen) para garantir sincronia labial. Recomenda-se o motor HyperFrames para animações de arrays e diagramas, e Remotion para montagens com React e muitos clipes. A verificação inclui inspeção em tamanho real de telefone para garantir rosto grande reconhecível, exemplo legível, movimento proposital e transições suaves. A skill exige que se respeitem os ativos aprovados, se evitem scripts reutilizados de vídeos externos e se verifique cada master alterado quanto a dimensões, áudio, quadros pretos e legendas.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/madhavsomani/animation-skills/tree/HEAD/skills/large-presenter-teaching-reels

Perguntar na sua IA favorita

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

Documentação

Reels de Ensino com Apresentador Amplo

Ensine uma ideia útil enquanto mantém o Madhav visivelmente presente. Veja os quadros de estilo para o visual. As regras atuais do projeto e o estado de aceitação de cada clipe substituem esta receita.

Carregue a skill de roteamento hyperframes e sua skill editorial (por exemplo, video-use, se instalada). A skill editorial é responsável pela análise de fonte/transcrição, EDL, ritmo, revisão, legendas e QA. Não reconsulte uma estratégia aprovada. Leia as skills específicas do motor antes de criar.

Composição

  • Filmagens genuinamente em movimento, com enquadramento fechado de cabeça e ombros, ocupam quase toda a largura dos 45-50% inferiores. Uma caixa grande contendo uma pessoa minúscula não satisfaz isso.
  • Região superior: UM recurso visual concreto de cada vez, como entrada/código/saída, um array em mudança, uma seção de currículo destacada, prova de projeto ou um antes/depois.
  • Legendas curtas sincronizadas com a fala ocupam uma faixa estável entre a explicação e o apresentador, livres de olhos, boca, gestos e rótulos de diagramas. Verifique as zonas seguras da UI da plataforma atual.
  • Use ocasionalmente o apresentador em movimento em tela cheia para uma pergunta, ênfase ou close útil, em vez de uma divisão rígida constante.
  • Preserve demonstrações originais úteis. Corte o apresentador separadamente do convidado quando apropriado; nunca rotule um convidado ampliado como Madhav. Prefira um corte simples a uma segmentação instável de cabelo/mão.

Geometria inicial sugerida para 1080x1920: ensino x54/y110/w972/h650; legendas y790-930; apresentador x36/y970/w1008/h950. Corte sem esticar. Verifique cabeça/queixo/gestos e UI inferior. Adapte quando diagramas precisarem de mais espaço.

Ensino e riqueza visual

Use pergunta -> ideia em linguagem simples -> exemplo concreto -> mudança visível -> conclusão. Revele o que está sendo discutido, depois mantenha o resultado tempo suficiente para ser compreendido na velocidade de reprodução normal. Código precisa de saída real; algoritmos precisam de atualizações visíveis de estado; conselhos de currículo precisam de seções editadas legíveis, não de uma página inteira minúscula.

Telas brancas esparsas pareceram vazias nos testes: use textura com base na fonte, destaques contidos derivados da capa, diagramas propositais e um apresentador maior. Sem cenários aleatórios, neon, gradientes excessivos, painéis de vidro repetidos ou texto denso. A riqueza deve melhorar a compreensão.

Continuidade de voz e avatar

  • Preserve a fala original aceita. Nova narração usa a voz autorizada do próprio apresentador, nunca a de outra pessoa.
  • Finalize e verifique o novo áudio antes da geração do avatar. Alimente esse áudio exato aprovado ao visual HeyGen escolhido existente para que voz e lábios não sejam gerados independentemente.
  • Honre a escolha atual do motor; o Avatar V era a preferência quando suportado. Reverta suporte e custos. HeyGen é para avatares falantes, não para gráficos/música/renderização final. A saída transparente é condicional, não garantida.
  • Trate ElevenLabs 1.2x como uma solicitação específica de clipe. Meça a duração resultante; não acelere acidentalmente também o avatar finalizado. Nunca herde uma desaceleração antiga em uma revisão rápida.
  • Combine o volume percebido, ritmo e equilíbrio tonal nas junções real-AI; evite o salto de voz aguda. Verifique a audição e a sincronia labial explicitamente; formas de onda/fotogramas não podem certificar nenhum dos dois.
  • Remova caudas de gancho de silêncio arbitrárias usando cortes seguros para palavras e fades de áudio curtos. Termine o pensamento e complete o CTA falado, depois permita uma breve cauda visual/musical deliberada.
  • A música solicitada fica quieta sob a fala. Aproximadamente 10% é uma configuração inicial de fader, não uma garantia de volume. Use áudio licenciado, ducking de fala e SFX contido em mudanças significativas. Não chame uma faixa de tendência sem evidências.

Execução e verificação

Registre os motores de cena e a montagem final. HyperFrames é adequado para arrays com tempo de fala, diagramas, código/saída e tipografia; Remotion é adequado para componentes React existentes e montagem com muitos clipes. Preserve pins e trabalho aprovado. O trabalho híbrido troca intermediários renderizados verificados, não HTML importado como React; narração/legendas precisam de um proprietário cada.

Inspecione um trecho com muito apresentador em movimento e um trecho com muita informação antes de escalar. No tamanho de telefone, verifique rosto grande reconhecível, exemplo legível, lábios, movimento proposital, junções confortáveis e final completo. Em seguida, verifique cada master alterado: decodificação completa, dimensões/CFR, áudio, quadros pretos e legendas. Separe QA técnico, fatos, revisão visual/áudio e aceitação do usuário.

Reutilize capas aceitas, a menos que a substituição seja solicitada. Qualquer vídeo externo que você estude para layout não é um script, rosto, voz, nome de usuário, selo, licença de música ou garantia de viralidade reutilizáveis; nunca inclua suas filmagens nos entregáveis. Salvar a skill não concede novos gastos, upload de imagem, compartilhamento ou permissões de publicação.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Habilidades Relacionadas