Indica una dirección. filmarca lee los colores, las fuentes, el logo, los textos y las capturas del sitio, escribe el guion, anima las escenas y entrega el MP4 en 16:9, 9:16 y 1:1, en portugués, inglés y español.
filmarca es una herramienta gratuita que convierte el sitio web de una empresa o producto en un video corto de presentación de la marca. Le das la dirección; toma los colores, las fuentes, el logo y los textos del sitio, y la inteligencia artificial escribe el guion y arma las escenas animadas. Sirve para quien necesita un video para redes sociales o para su propio sitio y no tiene editor de video. Funciona en tu computadora y necesita Node.js y una suscripción de Claude Code o Codex, sin pagar API.
Una herramienta de línea de comandos que convierte un sitio web en un video de presentación de la marca. La IA escribe el guion y el código de cada escena; filmarca revisa cada escena antes de aceptarla y lo renderiza todo de forma local con HyperFrames.
Usa la IA de tu suscripción: Claude Code (claude -p) o Codex (codex exec) ya con sesión iniciada en tu máquina. No se lee ni se envía ninguna clave.
Cada escena de la IA se revisa en el navegador en los tres formatos: sin red, sin reloj, sin texto fuera del cuadro, sin palabras partidas. Si falla, la IA la corrige una vez; si vuelve a fallar, entra una escena modelo.
El mismo código de escena sirve en 16:9, 9:16 y 1:1 (medidas relativas al cuadro). Los textos quedan fuera del código, así que traducir a EN/ES cambia solo las frases.
Cada etapa guarda archivos en la carpeta de la película (marca.json, roteiro.json, cenas/, renders/), así que puedes rehacer solo una de ellas.
El Chromium de Playwright abre el sitio y mide: color de fondo, de texto y de los botones, familias tipográficas (descarga los archivos), logo, títulos, párrafos, números, y toma capturas de la parte superior, de tres franjas y de la versión móvil. Si no hay logo en imagen, genera un logotipo en texto.
El director escribe el concepto y las escenas (apertura, título, número, captura, lista, libre, llamada) solo con hechos del sitio. Después cada escena se convierte en HTML + CSS + GSAP, escrita por la IA siguiendo un contrato cerrado.
Cada escena se ejecuta sola en el navegador en los tres formatos. Una vez aprobadas, se convierten en una composición HyperFrames por idioma y formato, pasan por hyperframes lint y salen en MP4.
Linux, macOS o Windows (WSL). La primera ejecución descarga el Chromium de Playwright.
HyperFrames exige Node 22 o superior y FFmpeg en el PATH.
node -v # v22 o superior ffmpeg -version
La IA corre con tu suscripción. Basta con que uno de los dos funcione en la terminal.
claude -p "di ok" # o codex exec "di ok"
Clona, instala y descarga el navegador una sola vez.
git clone https://github.com/inematds/filmarca cd filmarca && npm i npx playwright install chromium
Todos los comandos se ejecutan desde dentro de la carpeta de filmarca. Sin --out, la película va a ~/projetos/output/filmarca/<sitio>-<fecha>.
Un solo comando hace todo. --rascunho renderiza rápido para que lo revises; tarda unos 3 minutos para 30 s de película.
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 al director (público, énfasis, tono). --motor codex usa Codex en lugar de Claude.
node bin/filmarca.mjs fazer https://seusite.com --pedido "lanzamiento del plan anual, para quienes ya conocen la marca" --motor codex
Abre revisao.html en la carpeta de la película: cada escena aparece en 16:9 y 9:16, con los textos, la dirección, la versión y si fue escrita por la IA o es una escena modelo.
xdg-open ~/filmes/seusite/revisao.html # en macOS: open
El cambio pasa por la misma revisión. Cada versión queda guardada en cenas/c3.vN.json.
node bin/filmarca.mjs editar ~/filmes/seusite c3 "el número entra contando y un anillo se cierra a su alrededor" node bin/filmarca.mjs voltar ~/filmes/seusite c3 1 # vuelve a la versión 1
Solo se traducen los textos; el código de las escenas es el mismo. A la hora del render, cada escena se revisa de nuevo en el idioma (una frase más larga no puede desbordar el cuadro).
node bin/filmarca.mjs traduzir ~/filmes/seusite --lang en node bin/filmarca.mjs traduzir ~/filmes/seusite --lang es
Sin --rascunho la calidad es la normal de HyperFrames. --trilha pone una música (MP3/WAV) de fondo en toda la película.
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 archivos)
Por defecto, el director y las escenas usan el modelo "tope" y la traducción el "menor", leídos de ~/.config/inema/modelos.env cuando existe. Para forzar un modelo en todo:
FILMARCA_MODELO=sonnet node bin/filmarca.mjs cenas ~/filmes/seusite --so c2,c5
Nada aquí fue animado a mano: filmarca leyó inema.club, la IA escribió las 8 escenas y todas pasaron la revisión. Tiempo total del borrador: 2,7 minutos.
El método (leer el diseño del sitio, escribir un guion y animar escena por escena con revisión) se inspiró en el proyecto Motive. Como no tiene licencia, filmarca se escribió desde cero, con otras decisiones:
| filmarca | |
|---|---|
| IA | suscripción (Claude Code o Codex), sin clave |
| Render | HyperFrames (HTML + GSAP), sin licencia comercial |
| Revisión | navegador en los 3 formatos + lint de HyperFrames |
| Idiomas | PT, EN y ES a partir del mismo código de escena |
| Licencia | MIT |
La versión 0.1 es la línea de comandos completa. Las próximas etapas siguen abiertas.
hyperframes tts), con la duración de la escena siguiendo el habla.