Communitygithub.com

kelvinmacaco/curta-animacao

Use para desenhar as cenas animadas de um Short no generate.py - escolher a peça certa da lib_short para cada trecho (título do quadro 0, palavras, contadores, alvos, setas, bandeiras SVG, pavio de progresso, revelação com tela que se enche, final calmo ou energético, loop) e garantir uma interação por cena no tom do vídeo.

O que é curta-animacao?

Esta skill orienta você na criação de cenas animadas para vídeos curtos (Shorts), baseando-se em um template `generate.py`. Ela ajuda a escolher a peça correta da biblioteca `lib_short` para cada parte do roteiro: desde o gancho inicial, frases faladas, mistério, números, alvos, conflitos, bandeiras, progresso com efeito de pavio, revelação de tela, até finais pesados ou leves e o loop final. A skill reforça regras importantes como mudanças visuais a cada 1,5–2,5 segundos, área segura para texto (x 90–900, y 170–1330), uso de `immediateRender:false`, `repeat` com `yoyo` para efeitos contínuos, e controle de tom (pesado com pulso vermelho de até 0.32 de opacidade, leve com cores vivas). Ela se apoia nas skills `hyperframes`, `hyperframes-registry` e `graphify` para buscar blocos prontos e explicar componentes da lib, garantindo que cada cena tenha uma interação única e coerente com o tom do vídeo.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/kelvinmacaco/kit-shorts-virais/tree/HEAD/.claude/skills/short-animation

Perguntar na sua IA favorita

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

Documentação

Animação das cenas

Apoio: a skill hyperframes (contrato de render, timelines, regras de clip), hyperframes-registry (procure um bloco pronto antes de desenhar à mão, ex.: glitch, CRT, gráficos) e graphify, para achar uma peça na lib (graphify explain "pavio_scene").

Parta do template/build/generate.py, que já tem uma cena de exemplo para cada parte do roteiro.

Peça certa para cada trecho

TrechoPeçaObservação
Quadro 0 / ganchohook_html + shake + driftO mesmo título volta no loop
Frase faladakline + words_js; slam na palavra-chaveUma linha por trecho de 2–4 palavras
MistérioLuzes que acendem, slam em "PIOR"/"DATA"Calendário que gira ("20??")
Númeroscounter(...) + escala de impacto + shakeFormato pt-BR (toLocaleString)
Lugar ou alvoAnéis ping pulsandoCom uma data ou fonte em mono
ConflitoSetas que se chocam + flash hitLado A × lado B
Lados ou paísesBandeiras SVG + linhas que se desenham (pathLength="1") + pontos viajando com etiquetasSem brasões
Progresso da listapavio_scene, um pavio que queima a cada item e explode no clímaxNo lugar de "1/3"; step_badge só em último caso
Estrago, escalaTela que se enche de pontos (clip-path) + contador giganteFonte do dado em mono
Janela de TVtvv + enter_tvPara clipes deitados
Final pesadoPergunta suave, coração que enche devagar, follow_card escuro, fade até o pretoSem pop, sparkle, flash nem corte
Final levelike_block + plane_svg + follow_cardPode ter pop e brilho
LoopClipe invertido do gancho terminando no quadro 0 + o mesmo títuloDo preto (pesado) ou com osd_rewind (leve)

Regras

  • Algo muda a cada 1,5–2,5 s e cada cena tem uma interação.
  • Tempos: locais dentro de scene() e globais em SCENES, cortes, efeitos e legendas.
  • Área segura: texto em x 90–900 e y 170–1330. Linha longa: reduza a fonte (Archivo Black ocupa ~0,75 em por letra).
  • Marca @: a lib põe abaixo da legenda (WM_TOP); não desenhe outra.
  • Regras de clip:
    • não anime visibility/opacity do próprio clip;
    • use immediateRender:false em fromTo posteriores;
    • repeat com yoyo para efeitos contínuos (faísca, pulso);
    • nada aleatório (o grão usa semente).
  • Tom: em vídeo pesado, um pulso vermelho de no máximo 0,32 de opacidade; num vídeo leve, cores mais vivas.

Individual skills in this repo

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

Habilidades Relacionadas