Communitygithub.com

z1fex/04-storyboard-e-plano-de-cena

Planeje um filme de animação 3D cartoonizado cena por cena - uma cena por cláusula de narração, com palavras, lugar, assunto, ação e sua palavra de aterrissagem, trocas de rosto, movimento de câmera, objeto numérico, bloqueio de legenda e dicas sonoras - e revise-o como stills renderizados. Use após a narração (ou com temporização de rascunho) e antes de construir as cenas.

O que é 04-storyboard-e-plano-de-cena?

Esta skill para agentes de IA especializados em produção de filmes de animação 3D, como Claude Code, Cursor ou Codex, organiza o processo de storyboard e plano de cena. Ela transforma uma narração de filme em uma sequência de cenas, onde cada cláusula (separada por vírgula, dois pontos ou ponto final) se torna uma cena individual. A skill gera uma tabela detalhada de storyboard para cada cena, incluindo campos como número e tempo, palavras exatas, lugar, sujeitos, ação com palavra de aterrissagem, expressões faciais, movimento de câmera, objeto numérico, legenda e dicas sonoras, seguindo um ritmo visual que alterna distâncias de câmera e coloca inserts de dispositivos nos números e close-ups nas reações faciais. Ela também fornece auxiliares de temporização em JavaScript (film.mjs) para sincronizar gestos e trocas de rosto com as palavras da narração e instruções para renderizar stills de cada cena e uma folha de contato para revisão visual. O processo exige que o proprietário aprove o storyboard antes de prosseguir, usando uma ferramenta de quadro de storyboard interativa que gera um HTML clicável onde o proprietário pode marcar aprovação/rejeição e fornecer feedback, garantindo que o filme final corresponda exatamente aos painéis aprovados.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/z1fex/3D-Cartoon-Style-Animation-Claude-Skill/tree/HEAD/skills/04-storyboard-and-shot-plan

Perguntar na sua IA favorita

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

Documentação

4 · Storyboard e plano de cena

Uma cláusula = uma cena

Divida a narração nas vírgulas, dois pontos e pontos finais. Cada parte é uma cena, começando na primeira palavra de sua cláusula. Um filme de 30 s tem cerca de 20 cenas (1,0–2,4 s cada); nunca segure uma cena por mais de cerca de 2,5 s sem uma nova ação dentro dela.

A linha do storyboard

Para cada cena, escreva uma linha (copie o modelo de storyboard):

CampoO que escreverExemplo (cena 12, gravidade)
#, temponúmero da cena, início–fim em segundos12 · 15.91–17.90
Palavrasa cláusula exata"duzentos e quarenta mil milhas de distância."
Lugarqual cenárioespaço
Sujeito(s)o que deve estar no quadro (a verificação de enquadramento usa isso)o contador de fita métrica, a Lua
Ação → palavra de aterrissagemo que acontece e a palavra em que aterrissaa fita se estende da Terra até a Lua; o contador gira e para em "distância"
Rostostrocas de expressão e suas palavrasTerra arrogante; Lua surpresa
Câmerao movimento de órbita: sujeito, distância, guinada, inclinação, fov no início → fimvisão lateral de toda a linha, aproximando-se 10.6 → 10.0
Objeto numéricoo dispositivo para cada número (skill 9)fita métrica + contador "240.000 MILHAS"
Legendao bloqueio (skill 11)^240.000 / *milhas de distância.*
Somfoley e acentos (skill 12)zumbido de fita + cliques de contador; um ding em 240.000

Ritmo de cena

  • Alterne distâncias: geral → médio → close → insert (um objeto ou dispositivo) → geral.
  • Coloque os inserts de dispositivo nos números e os close-ups nas reações faciais.
  • Mude de lugar nas batidas (apostas, escalada, reviravolta) e entre em cada novo lugar com uma câmera em movimento e um whoosh suave.
  • A cena de abertura e a cena de fechamento têm o mesmo enquadramento, para que o loop seja contínuo.

Auxiliares de temporização (em film.mjs)

  • LEAD = 4 * F: um gesto ou dispositivo atinge sua pose chave 4 quadros antes de sua palavra.
  • FACE = 2 * F: um novo rosto em uma troca facial aparece 2 quadros antes de sua palavra (após um quadro meio fechado e um fechado).
  • Cena w: o índice da primeira palavra da cena; s.start = W(w), s.end = o início da próxima cena.

Revise o storyboard como imagens

Renderize um still por cena e uma folha de contato, além da verificação de enquadramento, antes de animar os detalhes: node recipe/tools/render.mjs examples/<slug>/film.mjs <outDir> --stills shots --qa

Verifique: o sujeito legível em tamanho de telefone, a faixa de legenda clara, o lugar óbvio e a história legível com o som desligado.

O proprietário aprova o storyboard primeiro

A regra do proprietário (27 de outubro de 2026): "Quero que você primeiro crie storyboards… para que eu mesmo possa dar uma olhada… se eu gostar do storyboard, e então você pode gerar." Isso não é opcional. Use o quadro de storyboard do proprietário (recipe/tools/storyboard-board.mjs):

  • O cabeçalho: título · duração · tamanho · BPM · contagem de cenas, então algumas linhas simples sobre o filme, depois "Decisões para você".
  • Um painel numerado por cena: seu tempo e título, as palavras, o still renderizado, uma linha explica:, uma linha som:, uma linha → movimento, uma tag ("mantido da v2", "novo") e 👍/👎.
  • Os leads da história (o proprietário, 27 de outubro de 2026: "garanta que a edição aconteça de acordo com a história e o quão bem podemos explicar usando os visuais").
    • Coloque a história em uma frase no story do quadro.
    • Em cada painel, escreva qual parte da história a cena carrega e como sua imagem a explica. Uma cena que não explica nada é redesenhada.

Escreva storyboard/<v>/storyboard-<n>.json (templates/storyboard.json), apontando para os stills, e desenhe-o: node recipe/tools/storyboard-board.mjs examples/<slug>/storyboard/<v>/storyboard-<n>.json

  • O que ele escreve: um PNG e uma página HTML clicável. Na página, o proprietário marca 👍/👎 e pressiona "Copiar feedback".
  • Então pare. Dê o quadro ao proprietário e revise em storyboard-2, storyboard-3… (mantendo os quadros anteriores) até que eles aprovem.
  • Só então grave a voz e construa as cenas em detalhes. O filme final deve corresponder aos painéis aprovados.

Exemplo trabalhado

O storyboard do filme da gravidade: 20 cenas, todos os campos preenchidos.

Individual skills in this repo

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

Habilidades Relacionadas