Communitygithub.com

kelvinmacaco/short-animation

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.

What is short-animation?

short-animation is a Claude Code agent skill that 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.

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

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

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.

Related Skills