carrusel-noticiero

Convierte una noticia de IA/tech en un carrusel noticiero de Instagram de 8 slides (QUÉ PASÓ → MOTIVO → EL DATO → ¿Y A TI QUÉ? → 3 JUGADAS → REGLA DE ORO → CTA), traducida para creadoras, con temas HTML intercambiables (scrapbook por defecto) renderizados a PNG 1080×1350 con Chromium headless. La portada animada (imagen Higgsfield → video Higgsfield) se genera con ✅ de créditos y se entrega junto al titular en PNG transparente para unirlos en CapCut o Edits. Usar cuando pida "carrusel noticiero", "carrusel de noticia", "carrusel newsjacking", "convierte esta noticia de IA en carrusel", "el carrusel de la noticia de hoy". NO usar para carruseles virales genéricos (carrusel-viral-formula100k) ni para solo renderizar un guion existente (carrusel-render-formula100k).

Fórmula 100K@formula100k

Install

openclaw skills install @formula100k/carrusel-noticiero

🦞 Corriendo en OpenClaw

Esta versión corre en un agente OpenClaw (servidor + Telegram), no en Claude Code. Antes de seguir, lee la skill f100k-puente: traduce herramientas y rutas. Lo específico de esta skill:

Cómo renderizar en el servidor: en la carpeta de esta skill corre npm install --omit=dev una sola vez (solo instala puppeteer-core, no baja navegador). Luego CHROME_PATH="$(command -v chromium || command -v chromium-browser || command -v google-chrome)" node export.js <html> --width 1080 --height 1350 --scale 2. Si el Chromium del agente es el de Playwright, la ruta es ~/.cache/ms-playwright/chromium-*/chrome-linux/chrome. Esta versión del script ya busca CHROME_PATH y rutas de Linux y lanza con --no-sandbox.

Fuentes en Linux: -apple-system, Helvetica y Georgia no existen en el servidor y el render sale con otra letra. En el <head> carga de Google Fonts Inter (800) y Gelasio (tiene las medidas de Georgia) y ponlas primero en cada font-family. Los stickers emoji necesitan la fuente Noto Color Emoji instalada; si salen cuadritos, avisa y no entregues.

Portada animada: genera la imagen (nano_banana_2) y el video (seedance_2_0 en 3:4 o kling, generate_audio: false) con costo → ✅. La composición ffmpeg del paso 4 NO corre aquí: entrega cover_anim_raw.mp4 + title-overlay.png (render con --transparent) + slide-01.png estático, y dile cómo unirlos en CapCut o Edits.

La noticia: si manda un link de web, léelo con tu herramienta web. Si es un post de Instagram, TikTok o X, no entres logueada: usa Apify con APIFY_TOKEN o pídele el texto o la captura por Telegram. Sin fuente confirmada no hay carrusel.

Handle y CTA: de USER.md y cerebro/. Donde diga «Comenta 100K» o «cierra vendiendo F100K», usa SU palabra clave y SU oferta.

Entrega: slide-01.png … slide-08.png por Telegram como archivo, en orden, más las piezas de la portada. Guarda en entregables/carruseles/. No publiques nada.

Qué hace esta skill

Convierte una noticia de IA/tech en un carrusel noticiero de Instagram listo para publicar, con el ángulo probado de FÓRMULA 100K: la noticia traducida para creadoras + jugadas accionables + CTA "comenta 100K". Replica exactamente el formato de 2026-07-01-ia-newsjacking (el que salió bien).

Entrega en una sola carpeta:

slide-01.png … slide-08.png — los 8 slides finales (1080×1350), renderizados con Chrome headless.
slide-01-ANIMADO.mp4 — la portada animada (firma del formato): imagen Higgsfield → video Higgsfield → overlay de titular transparente → composición ffmpeg.
carrusel.html, cover_slide.html, recursos/ — los fuentes editables.

Separación clave (structure vs style):

La ESTRUCTURA (qué dice cada slide, el arco narrativo de noticia) vive en este SKILL.md y es fija.
El ESTILO visual del cuerpo vive en themes/. scrapbook.md es el default. Para cambiar el look, se elige o se crea otro tema — sin tocar el contenido. Ver themes/_template.md.

Inputs

Argumento / lo que dal usuario: el tema o un enlace de la noticia de IA ($ARGUMENTS). El usuario siempre provee la noticia; la skill NO la inventa. Si el input es un enlace, léelo/transcríbelo primero para tener los hechos reales.
NUNCA inventar datos (fechas, cifras, nombres de modelos, quién ordenó qué). Si un hecho no está confirmado en la fuente, no lo afirmes o dilo como pregunta/rumor. Ver memoria feedback_no_inventar_data.

Output

Carpeta: entregables/carruseles/CARRUSELES DIARIOS/YYYY-MM-DD-<slug>/
<slug> = 2-4 palabras kebab de la noticia (ej. ia-newsjacking, gpt6-lanzamiento).

Dependencias

Render de PNG: export.js (Puppeteer/Chrome headless) en esta carpeta. Requiere Google Chrome instalado. Primera corrida: npm install --prefix skills/carrusel-noticiero (instala puppeteer-core). Si carrusel-render-formula100k ya tiene node_modules, se puede reusar su export.js.
Portada animada: la imagen con Nano Banana — Gemini directo (GEMINI_API_KEY, sección 3.1 del puente) o Higgsfield nano_banana_2 si no hay llave; el video solo con Higgsfield (generate_video con seedance/kling), que es opcional. Composición con ffmpeg. Sin Higgsfield entregas la portada fija + el prompt del clip, y lo dices.
Fuentes: Google Fonts vía CDN (Anton, Caveat, Poppins). El export.js espera document.fonts.ready.

La ESTRUCTURA fija — 8 slides noticia

Cada slide tiene un rol narrativo. El copy es corto, en español neutro (memoria feedback_espanol_neutro: tú/tienes, no vos/tenés). Escribe primero TODO el copy de los 8 slides, luego construye.

#	Rol	Qué contiene
1	PORTADA	Titular tipo noticia (BREAKING/ÚLTIMA HORA · IA), foto hero oscura, "desliza para entender →". Estilo noticiero (Anton). Es la que se anima.
2	QUÉ PASÓ	El hecho en 2 frases. Fechas y nombres reales. Post-it de dato clave.
3	EL MOTIVO / POR QUÉ	Por qué pasó / el giro. Emoji grande. Post-it.
4	EL DATO QUE ASUSTA	El insight que da miedo/asombro, número o frase hero gigante. Subtítulo Caveat.
5	¿Y A TI QUÉ?	El pivote a la creadora: por qué le importa. Conecta noticia → atención → contenido.
6	CÓMO APROVECHARLO	3 jugadas numeradas y accionables para HOY (newsjacking, traducir no reportar, usar la herramienta).
7	LA REGLA DE ORO / MUÉVETE AHORA	Urgencia: la ventana dura días. Frase hero gigante.
8	CIERRE CTA	"Convierte cada noticia en contenido" + lista de 3 → + CTA "Comenta 100K" + "Guárdalo". Cierra vendiendo F100K (memoria `feedback_artifacts_pitch_f100k`).

Reglas de copy:

Gancho verbal en portada de intriga/contraste ("Apagaron la IA más potente… y ya volvió").
Traduce, no reportes: cada slide dice qué significa para la creadora, no repite el titular.
CTA fijo: Comenta "100K" y te enseño cómo 🚀. Handle: el del usuario (pregúntaselo si no lo sabes).
Números de slide X / 8 y handle en cada slide (el tema los incluye).

Pipeline paso a paso

1. Fija hechos y escribe el copy

Lee la noticia (si es enlace, transcríbela/léela). Extrae hechos verificables: qué, cuándo, quién, cifra.
Redacta el copy de los 8 slides siguiendo la tabla de arriba. Muéstraselo al usuario si pide revisar; si no, sigue.
Define <slug> y crea la carpeta de salida.

2. Construye el cuerpo (slides 2-8) desde el tema

Lee el tema activo (default themes/scrapbook.md). Contiene el <style> completo probado + el esqueleto de los 8 slides.
Copia el template a carrusel.html en la carpeta de salida y reemplaza solo el copy (titulares, párrafos, post-its, lista, CTA) con lo escrito en el paso 1. NO toques el CSS salvo que el usuario pida cambiar de estilo.
Para cambiar de estilo: usa otro archivo de themes/ (o crea uno con themes/_template.md) — misma estructura, distinto CSS.

3. Construye la portada estática (slide 1)

Genera la imagen hero con Higgsfield (paso 4) ANTES de renderizar el slide 1, o usa un placeholder oscuro.
Copia cover/cover-news.html a cover_slide.html, apunta la foto a recursos/cover.png, pon el titular (Anton, con <span class="amber"> en la palabra clave), la píldora BREAKING y "DESLIZA PARA ENTENDER →".

4. Genera la portada ANIMADA (firma — siempre) — ver `reference.md`

Resumen:

Imagen hero: Higgsfield generate_image nano_banana_2, prompt editorial/noticiero relacionado a la noticia (4K, cinematográfico, sin texto). Guarda como recursos/cover.png.
Animación: Higgsfield generate_video (seedance/kling) desde esa imagen, movimiento sutil (parallax/zoom lento). Guarda como recursos/cover_anim_raw.mp4.
Overlay de titular: copia cover/overlay.html → recursos/overlay.html, pon el mismo titular/píldora, renderiza a PNG transparente con export.js (--width 1080 --height 1350). Guarda recursos/title-overlay.png.
Composición: NO corre en este servidor (lee el bloque 🦞). Entrega recursos/cover_anim_raw.mp4 + recursos/title-overlay.png para unirlos en CapCut o Edits.

5. Renderiza los PNG

text

node skills/carrusel-noticiero/export.js "<carpeta>/carrusel.html" --width 1080 --height 1350 --scale 2
node skills/carrusel-noticiero/export.js "<carpeta>/cover_slide.html" --width 1080 --height 1350 --scale 2

Renombra el PNG del cover a slide-01.png y asegúrate de que carrusel.html empiece en el slide 2 (o produce los 8 juntos y reemplaza el 1 por el cover noticiero). Verifica que existan slide-01.png … slide-08.png.

6. Entrega por Telegram

Reporta la ruta de la carpeta con los 8 PNG + el .mp4 animado.
No publiques nada: el carrusel lo sube la usuaria.

Guardrails

NO inventes hechos. Fechas, cifras, nombres de modelos y decisiones deben venir de la fuente real.
Español neutro siempre (no argentino).
Higgsfield gasta créditos: genera la imagen y el video del cover una sola vez; reusa recursos/cover.png si re-renderizas.
No toques el CSS del tema al cambiar de noticia; solo cambia el copy. El CSS solo se toca al crear/editar un tema.
1080×1350 (4:5) para todos los slides. No 9:16.
Cierra vendiendo F100K en el slide 8 (CTA "comenta 100K").
Esta skill es para noticia de IA → creadoras. Para carruseles virales generales usa carrusel-viral-formula100k; para solo renderizar un guion scrapbook existente, carrusel-render-formula100k.