Blue Team Hub: por qué quité el cristal esmerilado de mi propia herramienta
Siete herramientas de SOC gratuitas y del lado del cliente, más vigilancia en vivo del catálogo KEV integrada en la propia portada. Y la razón, nada esteticista, por la que acabé rediseñando el sitio entero en blanco y negro.
- blue-team
- soc
- herramientas
- astro
- github-actions
- cisa-kev
Blue Team Hub es un portal estático con siete utilidades que uso yo mismo en el día a día: desarmador de IOCs, analizador de cabeceras de correo (SPF/DKIM/DMARC y línea de tiempo de saltos), generador de reglas YARA con linter en tiempo real, playbooks interactivos de respuesta a incidentes con consultas SIEM generadas al vuelo, decodificador de payloads (Base64/URL/Hex y deofuscación de PowerShell), un hub de OSINT, y vigilancia del catálogo CISA KEV. Todo corre en el navegador: nada de lo que pegues en ninguna herramienta sale de tu máquina.
KEV Watch ya no vive detrás de un enlace
La vigilancia de CISA KEV la genera kev-digest, un proyecto aparte que comprueba el catálogo cada tres horas. Al principio KEV Watch era una página de herramienta más, con su propio enlace en el menú. La moví a la propia portada, como una sección en línea con la misma tipografía y retícula que el resto: no tenía sentido que la única herramienta con datos que cambian solos estuviera un clic más lejos que las demás.
El rediseño que no esperaba hacer
El sitio nació con una estética glassmorphism de cristal esmerilado, gradientes y desenfoques, muy en la línea de lo que cualquier generador de UI produce por defecto ahora mismo. Funcionaba, pero no decía nada específico sobre lo que es la herramienta. Probé dos direcciones antes de quedarme con la definitiva: una consola tipo terminal con tipografía monoespaciada hasta en los titulares, y una edición tipo informe editorial con serif y tinta cálida. Las descarté las dos: la primera se sentía a cliché de hacker, la segunda pesaba más de la cuenta para algo que se usa deprisa.
Lo que quedó es minimalismo casi suizo: blanco, negro, retícula estricta, y un único rojo reservado sin excepción para lo urgente: un CVE crítico, una entrada marcada como ransomware. Nada de sombras, nada de desenfoques. La idea central, que solo terminé de confirmar después auditando el SEO y el posicionamiento en IA de mi propio portafolio, es que el peso decorativo no es gratis: cuesta renderizar, y comunica "SaaS de consumo pulido" en vez de "herramienta construida por alguien que la usa de verdad". Para una caja de herramientas de SOC, la precisión tipográfica vende más credibilidad que el cristal.
Cómo se despliega
Cada push a la rama principal compila con Astro y publica en GitHub Pages vía Actions, sin intervención manual. El mismo pipeline etiqueta versiones y empaqueta lo necesario para desplegar. Es exactamente el tipo de automatización que aplico también en otros proyectos: si un paso se repite, no debería depender de que me acuerde de hacerlo.
