Contenido editorial en automático

La demo

El sistema

Señal

🔔Un dato verificadocon fuente real, no humo

↓si el dato no se sostiene, la pieza se cae aquí

Brief

✍️Copywriterhook, beats y formato

✋Editorgate: puede devolver el copy

↓el editor filtra de verdad, no solo aprueba

Render

🖥️HTML + Chromeel navegador es el diseñador

🎬ffmpegcompone los reels, cero créditos

Whispertranscribe para los subtítulos

↓el diseño se hornea sin abrir un editor

Control de calidad

🎯Head of designgate: frena una pieza fea aunque ya esté lista

↓nada pasa sin ojo humano

Draft

Publerposts y reels, una cuenta por marca

Typefullyhilos de X y carruseles de LinkedIn

Las herramientas

Claude Codeel director

El copiloto que orquesta el motor: lee la señal, arma el brief y coordina los roles. La marca es configuración, no código.

Conocer ↗

🖥️

Chrome headlessel diseñador

Renderiza las tarjetas HTML a PNG sin abrir un editor. El navegador es el que dibuja.

🎬

ffmpegeditor de video

Compone los reels: junta clips, subtítulos y overlays. Corre local, sin créditos.

Docs ↗

whispersubtítulos

Transcribe el audio de los clips antes de quemar los subtítulos. Los errores típicos los corrijo a mano.

Docs ↗

Publerdistribución

Donde caen los drafts de posts y reels, una cuenta por marca. Reviso y publico yo.

Probar ↗

Typefullyhilos y carruseles

Los drafts de X y LinkedIn, listos para revisar antes de salir.

Probar ↗

Replícalo paso a paso

El código, las conexiones y los errores que ya cometí por ti.

1. 1

   Escribe el perfil de la marca una vez

   La fábrica es un motor genérico; la marca es configuración. Toda la voz, la paleta, las palabras clave y la cuenta destino se escriben una sola vez en un perfil, y el motor no se toca. Sumar una marca nueva es escribir otro perfil, no reprogramar nada. Este es el esqueleto que lleno:

   checklist · perfil de marcaCopiar

   PERFIL DE MARCA (se escribe una vez, el motor no se toca):
   - Voz: primera persona, directa, sin humo. Qué SÍ suena a la marca y qué NO.
   - Paleta y tipografía: los colores hex y la fuente de las tarjetas.
   - Palabras clave: los términos que la marca siempre usa (y los prohibidos).
   - Correcciones de transcripción: errores típicos y su forma correcta.
   - Cuenta destino: dónde caen los drafts (una red por marca).
   - Regla de portada: dónde va el título y la zona segura del recorte.
   Sumar una marca nueva = escribir otro perfil. Nunca tocar el motor.

2. 2

   Deja que una señal dispare el brief

   La pieza no arranca en la herramienta, arranca en un dato. Una señal es un dato verificado con fuente, no una ocurrencia. Si el dato no se sostiene, se frena ahí mismo: publicar humo cuesta más caro que no publicar. Cuando la señal pasa, se convierte en brief:

   prompt · brief desde la señalCopiar

   Toma esta señal (un dato verificado, con fuente) y arma el brief:
   1. Hook exacto de 3 segundos (se lee tal cual).
   2. 3 o 4 beats para desarrollar (uno por idea, sin relleno).
   3. El formato que pide la señal (post 4:5, carrusel o reel).
   4. La fuente, para no publicar humo.
   5. CTA y open loop hacia el siguiente contenido.
   Si el dato no se sostiene con una fuente real, frena aquí.

3. 3

   Renderiza con el navegador como diseñador

   Las tarjetas y los posts se maquetan en HTML con el CSS de la marca, y Chrome headless los captura a PNG. No hay que abrir un editor de diseño ni gastar créditos: el navegador dibuja. Un post 4:5 sale a 1080x1350, un reel vertical a 1080x1920.

   shell · una tarjeta HTML se vuelve PNGCopiar

   # render.sh · el navegador hace de diseñador
   # HTML + CSS de marca dentro, captura headless afuera.
   "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" \
     --headless=new --disable-gpu --hide-scrollbars \
     --force-device-scale-factor=2 --window-size=1080,1350 \
     --virtual-time-budget=8000 \
     --screenshot=out.png card.html
   # 1080x1350 = post 4:5. Para reel vertical: 1080x1920.
   # --virtual-time-budget deja cargar fuentes y datos antes de la foto.

4. 4

   Los reels: subtítulos que sí se leen

   El reel se compone con ffmpeg: clips, subtítulos quemados y overlays. La parte que hace o rompe la pieza son los subtítulos, y ahí la regla es contraintuitiva: estáticos y limpios ganan al karaoke palabra por palabra. Y todo respeta la zona segura de Instagram, para no quedar debajo de los botones.

   checklist · subtítulos de reel (9:16, 1080x1920)Copiar

   SUBTÍTULOS QUE SÍ SE LEEN:
   - Estáticos y limpios: blanco bold, contorno negro, ~3 palabras por línea.
     El karaoke palabra por palabra se ve movido, pero resta legibilidad.
   - Zona segura: el texto vive cerca de y≈880 (~69% de la altura) y con ancho
     menor a ~620px, para librar los botones de la derecha de Instagram.
   - Las tarjetas entran desde y≈150, nunca pegadas al borde ni al perfil de arriba.
   - El motion (entrada tipo resorte, barra de progreso, emojis que estallan)
     suma; los subtítulos legibles mandan.

5. 5

   Pon los gates humanos: editor y head of design

   Aquí vive la diferencia entre dirigir y soltar. Antes del render, un editor revisa el copy y puede devolverlo. Después del render, un head of design revisa el visual y puede frenar una pieza aunque ya esté lista. Cada filtro tiene que poder decir que no, no solo aprobar. Un gate que siempre dice que sí no es un gate.

6. 6

   Entrega como draft, nunca publica solo

   El último paso es el más importante: la fábrica deja todo en borrador, en Publer y en Typefully, con su caption y su fuente. El OK final es humano, siempre. Automatizar la producción no es automatizar el criterio. ¿Quieres hacer esto en vivo, con tu negocio, y salir con 30 días de contenido hechos? Eso es exactamente el taller de byTHELAB School.

Sigue con estos