Skill do Claude Code · render determinístico

Imagens prontas + narração viram filme.

O Diretor de Animação analisa cada imagem com visão, segmenta a narração em beats e decide câmera, duração, transição e parallax por imagem. Render via pixflow, sem IA generativa de vídeo.

# instalar a skill (symlink) e checar dependências
ln -s $(pwd)/skill/diretor-animacao ~/.claude/skills/diretor-animacao
cd ~/projetos/pixflow/skill
node cli/pixflow-motion.mjs check-deps
O que é

Um diretor que decide, plano a plano

Você entrega imagens prontas (fotos reais e/ou ilustrações) e a narração (áudio ou texto). A skill dirige o material seguindo gramática cinematográfica e entrega um MP4 — sem gerar vídeo com IA.

🎬 Análise por imagem

Visão lê cada imagem: tipo, conteúdo, emoção e ponto de interesse at:[x,y]. Foto real ganha parallax 2.5D pleno; desenho fica com parallax 0 (regra validada por A/B).

🎬 Direção por beat

18 movimentos de câmera (crane, aerial, dolly zoom, whip pan) + framing from/to, com regras de alternância, amplitude (≤2 dramáticos seguidos) e fim suspenso no plano mais calmo.

🎬 Render determinístico

O motor pixflow v2.3+ rende parallax, transições e looks a partir de um spec YAML pixflow.movie/v1. Mesmo spec, mesmo resultado — nada de IA generativa de vídeo.

Como funciona

VER → OUVIR → DECIDIR → DECUPAGEM → TRILHA → SPEC + RENDER → VERIFICAR

O fluxo completo da skill, da leitura das imagens até a verificação dos frames. A narração é a fonte única de timing: ela governa as durações.

VER (visão das imagens) OUVIR (narração em beats) DECIDIR (câmera/transição) DECUPAGEM TRILHA SPEC + RENDER VERIFICAR

Decupagem antes do render

A skill mostra a tabela cena · imagem · beat · movimento · transição · duração para você aprovar antes de rodar o render.

Transições por fronteira

Nunca uniformes: cut (padrão, ~70%), whip, whip_left, zoom_blur, dip_to_black, crossfade — decididas por fronteira de plano.

Multi-shot

Imagens ricas viram 2–4 shots, com a narração podendo atravessar o corte para manter o fluxo.

Pré-requisitos

O que precisa estar instalado

A skill orquestra; o render acontece no pixflow. Confira as dependências com o check-deps do motor.

pixflow v2.3+

Motor de render do spec YAML (parallax 2.5D, 18 movimentos, transições, looks). Fica em ~/projetos/pixflow/skill.

# checar todas as dependências
cd ~/projetos/pixflow/skill
node cli/pixflow-motion.mjs check-deps

Node.js ≥18 + FFmpeg

Node roda os scripts .mjs (montar-trilha) e a CLI do pixflow. FFmpeg/ffprobe medem a narração, fazem o encode e a verificação de frames.

# versões
node -v
ffmpeg -version

Claude Code com visão + TTS opcional

A skill abre cada imagem (Read/visão) antes de dirigir. Quando a entrada é texto, gera a narração via HyperFrames TTS (Kokoro, voz pf_dora).

# narração a partir de texto (opcional)
npx hyperframes tts
Guia de uso · passo a passo

Do material ao MP4

Instale a skill, entregue imagens + narração ao Claude Code, aprove a decupagem e deixe o pixflow renderizar.

1

Instalar a skill

Crie o symlink da skill para a pasta de skills do Claude Code.

ln -s $(pwd)/skill/diretor-animacao ~/.claude/skills/diretor-animacao  # registra a skill
2

Checar dependências

Garanta que o motor pixflow e suas dependências estão ok antes de dirigir.

cd ~/projetos/pixflow/skill && node cli/pixflow-motion.mjs check-deps  # tudo verde
3

Entregar imagens + narração

No Claude Code, dê o conjunto de imagens e a narração (áudio ou texto) e peça em linguagem natural.

# peça à skill
"vira filme"  ·  "anima essas imagens"  ·  "dirige esse material"
4

Aprovar a decupagem

A skill mostra a decupagem (cena · imagem · beat · movimento · transição · duração). Revise antes do render.

# a skill monta a trilha compensando os overlaps de transição
node skill/diretor-animacao/montar-trilha.mjs  # nunca calcule starts na mão
5

Renderizar o filme

Com o spec aprovado, o pixflow rende o MP4 final.

node cli/pixflow-motion.mjs render spec.yaml out.mp4  # MP4 pronto
Exemplos

Onde a skill brilha

Casos reais e validados no próprio repositório, das regras de ouro ao primeiro filme completo.

🎬 O Pequeno Príncipe

Primeiro filme real da skill: 21 ilustrações + 22 WAVs de narração viraram 2min11 com 26 shots, música CC0 com ducking, vento, whooshes e shimmer. Decupagem completa em exemplos/pequeno-principe.md.

🎬 Pilotos F0…F2

A pasta piloto-f0/ guarda pilotos e experimentos com specs *.movie.yaml e decupagens que validaram cada regra (foto vs. desenho, transições, fim suspenso).

🎬 Gramática cinematográfica

Tabela mestra movimento × beat e curva de 3 atos em references/gramatica-direcao.md — a base de decisão da direção.

🎬 Lições de render

DICAS-CORRECOES.md reúne 9 lições cross-projeto: anti-pisca, frames pretos, anti-fantasma e mais.

Roadmap

O que vem no backlog

Itens descritos no PLANO.md do projeto. Sem datas — a direção evolui com os pilotos.

Base
Fluxo completo + regras de ouroVER → … → VERIFICAR, 18 movimentos, transições por fronteira e as regras validadas por A/B.
Próximo
Upgrade de transiçõesAmpliar o repertório de fronteiras além do conjunto atual.
Próximo
Eventos de luz e partículasCamadas extras de atmosfera no render.
Futuro
Speed-rampVariação de ritmo dentro do plano, no backlog do PLANO.md.