Brochure ESIC

Convierte contenido estructurado en un brochure HTML autocontenido con la identidad de ESIC: un solo archivo, sin dependencias más allá de Google Fonts, que se ve bien en pantalla, se comparte por link o archivo, y se imprime a PDF en A4 sin romperse.

Dos cosas hacen que valga la pena usar la skill en vez de improvisar el HTML:

• La marca no se negocia y no deriva. Colores, tipografías, jerarquía y reglas están en references/identidad-esic.md y las aplica un script, no el modelo. Dos brochures generados con un mes de diferencia salen idénticos en estilo.
• Es reproducible por una máquina. El contenido entra como JSON y sale HTML. Eso permite que una tarea programada genere la pieza todos los días sin que nadie revise la maquetación.

Flujo

1. Consigue el contenido. Puede venir del usuario, de una búsqueda web, de correos, de un archivo. Si es un boletín de noticias, lee las fuentes y quédate con lo relevante — no pegues titulares crudos.
2. Redacta, no transcribas. Cada ítem necesita tres cosas: qué pasó (titular), el contexto en una o dos frases (bajada), y por qué le importa al lector (porque_importa). Ese tercer campo es el que convierte una lista de links en una pieza que alguien lee. Si no puedes escribirlo, el ítem probablemente no merece entrar.
3. Arma el JSON siguiendo el esquema de abajo y guárdalo en un archivo temporal.

4. Ejecuta el script:

   python3 scripts/build_brochure.py contenido.json -o salida.html

5. Verifica abriendo el HTML. Si va a imprimirse, revisa que no haya ítems partidos entre páginas (el script ya aplica break-inside: avoid, pero un ítem larguísimo puede forzarlo).

Esquema del JSON

Solo titulo y secciones son obligatorios. Todo lo demás es opcional y el script lo omite limpiamente si falta.

{
  "titulo": "RADAR IA",
  "subtitulo": "Lo que se movió esta semana en inteligencia artificial",
  "fecha": "26 de agosto de 2026",
  "edicion": "N.º 12",
  "resumen_ejecutivo": "Un párrafo corto. Si alguien solo lee esto, debe quedar servido.",
  "secciones": [
    {
      "fuente": "Anthropic",
      "nota": "Opcional: una línea de contexto sobre la fuente.",
      "items": [
        {
          "titular": "Título corto y concreto",
          "bajada": "Una o dos frases de contexto.",
          "porque_importa": "La implicación para el lector.",
          "url": "https://..."
        }
      ]
    }
  ],
  "cierre": "Opcional: una línea de cierre o llamado a la acción.",
  "pie": "Opcional: crédito o fuente al pie."
}

Reglas de contenido

• Sin emojis. Nunca. Si el contenido de origen los trae, quítalos.
• Todo en español. Los nombres propios y de producto se dejan como son.
• Titulares cortos. Van en tipografía condensada mayúscula; si pasan de ~60 caracteres se ven apretados.
• Máximo 4 secciones y 4 ítems por sección en una pieza de una página. Más que eso, o se parte en dos páginas o hay que recortar.
• porque_importa va dirigido al lector, no al sector. "Su equipo legal va a poder..." pesa más que "esto es relevante para la industria".

Salida

Un .html autocontenido. Para PDF, abrir en Chrome e imprimir a PDF (A4, márgenes por defecto, "gráficos de fondo" activado) — el script ya trae el @media print.

Detalle de marca completo en references/identidad-esic.md. No inventes colores ni fuentes fuera de ese archivo.