Puntuación de Envíos de Show HN para Patrones de Diseño de IA

Analizando el auge del diseño generado por IA en Hacker News

Las presentaciones de Show HN se han triplicado recientemente, y muchas muestran un aspecto genérico y estéril que sugiere generación por IA. Para cuantificar esta observación subjetiva, un desarrollador creó un sistema para puntuar 500 páginas de destino de Show HN frente a 15 patrones de diseño de IA identificados.

Patrones de diseño de IA identificados

Los patrones se dividen en cuatro categorías principales según el análisis de comentarios de diseñadores:

Fuentes

• Inter utilizada para todo, especialmente para titulares de héroe centrados
• Combinaciones de fuentes LLM como Space Grotesk, Instrument Serif
• Geist Serif en cursiva para una palabra de acento en un héroe que por lo demás usa Inter

Colores

• "VibeCode Purple"
• Modo oscuro permanente con texto del cuerpo en gris medio y etiquetas de sección en mayúsculas
• Contraste de texto del cuerpo apenas aprobado en temas oscuros
• Degradados en todo
• Grandes resplandores de colores y sombras de caja coloreadas

Peculiaridades de diseño

• Héroe centrado configurado en una sans genérica
• Insignia justo encima del H1 del héroe
• Bordes de colores en tarjetas, en el borde superior o izquierdo
• Tarjetas de características idénticas, cada una con un icono en la parte superior
• Secuencias de pasos numeradas "1, 2, 3"
• Filas de banner de estadísticas
• Barra lateral o navegación con iconos de emoji
• Encabezados y etiquetas de sección en mayúsculas

Patrones CSS

• shadcn/ui
• Glassmorphism

Metodología de puntuación

El sistema de puntuación utiliza comprobaciones deterministas en lugar de juicios subjetivos de IA:

• Un navegador sin cabeza (Playwright) carga cada sitio
• Un pequeño script en la página analiza el DOM y lee los estilos calculados
• Cada patrón es una comprobación determinista de CSS o DOM
• El control de calidad manual mostró una tasa de falsos positivos del 5-10%

Resultados de 500 presentaciones de Show HN

Los sitios se agruparon en tres niveles según cuántos de los 15 patrones activaron:

• Heavy slop (5+ patrones): 105 sitios (21%)
• Leve (2–4 patrones): 230 sitios (46%)
• Limpio (0–1 patrones): 165 sitios (33%)

El aumento en las presentaciones de Show HN se correlaciona con el lanzamiento de Claude Code, lo que llevó a los moderadores de HN a restringir las presentaciones para nuevas cuentas con /showlim en marzo de 2026.

Aunque no necesariamente malo, la prevalencia de estos patrones sugiere que muchos proyectos están utilizando configuraciones predeterminadas generadas por IA en lugar de diseños elaborados. El autor señala que esto es paralelo a la era anterior a la IA, cuando todo parecía Bootstrap, y sugiere que la gente podría volver a diseños más distintivos para destacar.