Aponte um endereço. O filmarca lê cores, fontes, logo, textos e prints do site, escreve o roteiro, anima as cenas e entrega o MP4 em 16:9, 9:16 e 1:1, em português, inglês e espanhol.
O filmarca é uma ferramenta gratuita que transforma o site de uma empresa ou produto num vídeo curto de apresentação da marca. Você informa o endereço; ele copia as cores, as fontes, o logo e os textos do site, e a inteligência artificial escreve o roteiro e monta as cenas animadas. Serve para quem precisa de um vídeo para redes sociais ou para o próprio site e não tem editor de vídeo. Roda no seu computador e precisa do Node.js e de uma assinatura do Claude Code ou do Codex, sem pagar API.
Uma ferramenta de linha de comando que transforma um site em vídeo de apresentação da marca. A IA escreve o roteiro e o código de cada cena; o filmarca confere cada cena antes de aceitar e renderiza tudo localmente com o HyperFrames.
Usa a IA da sua assinatura: o Claude Code (claude -p) ou o Codex (codex exec) já logados na máquina. Nenhuma chave é lida nem enviada.
Cada cena da IA é conferida no navegador nos três formatos: sem rede, sem relógio, sem texto fora do quadro, sem palavra partida. Se falhar, a IA corrige uma vez; se falhar de novo, entra uma cena-modelo.
O mesmo código de cena serve em 16:9, 9:16 e 1:1 (medidas relativas ao quadro). Os textos ficam fora do código, então traduzir para EN/ES troca só as frases.
Cada etapa grava arquivos na pasta do filme (marca.json, roteiro.json, cenas/, renders/), então dá para refazer só uma delas.
O Chromium do Playwright abre o site e mede: cor de fundo, de texto e dos botões, famílias de fonte (baixa os arquivos), logo, títulos, parágrafos, números, e tira prints do topo, de três faixas e da versão celular. Sem logo em imagem, gera um logotipo em texto.
O diretor escreve o conceito e as cenas (abertura, título, número, print, lista, livre, chamada) só com fatos do site. Depois cada cena vira HTML + CSS + GSAP, escrita pela IA seguindo um contrato fechado.
Cada cena roda sozinha no navegador nos três formatos. Aprovadas, viram uma composição HyperFrames por idioma e formato, passam no hyperframes lint e saem em MP4.
Linux, macOS ou Windows (WSL). A primeira execução baixa o Chromium do Playwright.
O HyperFrames exige Node 22 ou mais novo e o FFmpeg no PATH.
node -v # v22 ou mais ffmpeg -version
A IA roda pela sua assinatura. Basta um dos dois funcionando no terminal.
claude -p "diga ok" # ou codex exec "diga ok"
Clone, instale e baixe o navegador uma vez.
git clone https://github.com/inematds/filmarca cd filmarca && npm i npx playwright install chromium
Todos os comandos rodam de dentro da pasta do filmarca. Sem --out, o filme vai para ~/projetos/output/filmarca/<site>-<data>.
Um comando faz tudo. --rascunho renderiza rápido para você revisar; leva uns 3 minutos para 30 s de filme.
node bin/filmarca.mjs fazer https://seusite.com --out ~/filmes/seusite --duracao 30 --rascunho # 1/4 DNA da marca → 2/4 roteiro → 3/4 cenas (c1 ✓ aprovada …) → 4/4 render
--pedido orienta o diretor (público, ênfase, tom). --motor codex usa o Codex no lugar do Claude.
node bin/filmarca.mjs fazer https://seusite.com --pedido "lançamento do plano anual, para quem já conhece a marca" --motor codex
Abra revisao.html na pasta do filme: cada cena aparece em 16:9 e 9:16, com os textos, a direção, a versão e se foi escrita pela IA ou é cena-modelo.
xdg-open ~/filmes/seusite/revisao.html # no macOS: open
A mudança passa pela mesma conferência. Cada versão fica guardada em cenas/c3.vN.json.
node bin/filmarca.mjs editar ~/filmes/seusite c3 "o número entra contando e um anel se fecha em volta" node bin/filmarca.mjs voltar ~/filmes/seusite c3 1 # volta para a versão 1
Só os textos são traduzidos; o código das cenas é o mesmo. Na hora do render, cada cena é conferida de novo no idioma (frase maior não pode estourar o quadro).
node bin/filmarca.mjs traduzir ~/filmes/seusite --lang en node bin/filmarca.mjs traduzir ~/filmes/seusite --lang es
Sem --rascunho a qualidade é a normal do HyperFrames. --trilha põe uma música (MP3/WAV) por baixo do filme inteiro.
node bin/filmarca.mjs render ~/filmes/seusite --langs pt,en,es --trilha musica.mp3 # renders/<titulo>-pt-16x9.mp4, -pt-9x16.mp4, -pt-1x1.mp4, … (9 arquivos)
Por padrão o diretor e as cenas usam o modelo "topo" e a tradução o "menor", lidos de ~/.config/inema/modelos.env quando existe. Para forçar um modelo em tudo:
FILMARCA_MODELO=sonnet node bin/filmarca.mjs cenas ~/filmes/seusite --so c2,c5
Nada aqui foi animado à mão: o filmarca leu o inema.club, a IA escreveu as 8 cenas e todas passaram na conferência. Tempo total do rascunho: 2,7 minutos.
O método (ler o design do site, escrever um roteiro e animar cena a cena com conferência) foi inspirado no projeto Motive. Como ele não tem licença, o filmarca foi escrito do zero, com outras escolhas:
| filmarca | |
|---|---|
| IA | assinatura (Claude Code ou Codex), sem chave |
| Render | HyperFrames (HTML + GSAP), sem licença comercial |
| Conferência | navegador nos 3 formatos + lint do HyperFrames |
| Idiomas | PT, EN e ES do mesmo código de cena |
| Licença | MIT |
A versão 0.1 é a linha de comando completa. As próximas etapas estão em aberto.
hyperframes tts), com a duração da cena acompanhando a fala.