>_ DevTrendses

Idioma

Inicio

Lenguajes

Secciones

Frontend Backend Móvil DevOps AI / ML GameDev Blockchain Embebidos Seguridad
CSS

Cómo dejar de crear sitios web que parecen plantillas genéricas de IA

Situación familiar: le pides a una IA que te arme una landing page, y te escupe otro clon con un título centrado, una imagen hero enorme y tres íconos de beneficios. Todo se ve prolijo, pero tiene esa misma sensación de "plástico". Este efecto ya tiene un nombre — AI slop.

Hace poco me encontré con Hallmark. No es solo un generador de código, sino una habilidad (addon) para editores de IA populares como Cursor, Claude Code y Codex. El principal punto de venta del proyecto es la resistencia agresiva a los patrones estándar en los que se entrenan los modelos de lenguaje. En lugar de escupir un promedio de internet, la herramienta busca deliberadamente estructuras y estilos únicos.

Qué hay bajo el capó de Hallmark

Los desarrolladores de Together AI decidieron ir por el camino opuesto. En lugar del prompting tradicional, implementaron un sistema de 57 verificaciones ("compuertas de prueba anti-slop"). Son filtros que eliminan las soluciones sobreutilizadas. Si un modelo intenta proponer un bloque "hero" estándar, el sistema lo obliga a rehacer el layout hasta que parezca trabajo de un diseñador de carne y hueso.

Curiosamente, Hallmark no usa plantillas predefinidas. Selecciona una macro-estructura para un brief específico y la "viste" con uno de veinte temas. Dos tareas diferentes producirán dos sitios web diferentes, no solo un cambio de paleta de colores.

Hallmark, una habilidad de diseño que se niega a parecer generada por IA

Cuatro modos de operación

La herramienta se controla mediante comandos simples. He identificado dos escenarios más útiles para mí, además de la generación regular.

El primero es hallmark study. Le pasas una captura de pantalla o enlace a un sitio que te gusta. Hallmark no hace una copia pixel-perfect (que generalmente se ve patética), sino que extrae el "ADN" del diseño: tipografía, colores de anclaje y lógica de construcción de bloques. El resultado es un archivo design.md que puedes darle a cualquier IA como guía.

El segundo es hallmark audit. Si ya tienes código, la herramienta lo pasa por sus pruebas de "AI slop" y te da una lista de ediciones. No editará el código en sí para no romper nada, pero definitivamente señalará dónde el diseño se ve demasiado predecible.

También está redesign, que reconstruye completamente la estructura de la página mientras preserva tu texto y marca. Esto es útil cuando una landing page antigua se ha quedado obsoleta y quieres una perspectiva fresca sin cambiar el contenido.

Ejemplos de lo que produce

El repositorio tiene muchos ejemplos, y realmente son diferentes. Hay interfaces minimalistas estrictas para SaaS, y hay páginas casi "artesanales" para granjas pequeñas o sellos musicales.

Si ninguno de los temas estándar encaja con la idea loca de un cliente, Hallmark cambia al modo Custom. En este caso, diseña la paleta y la cuadrícula desde cero, sin depender de conjuntos de reglas predefinidos.

Cómo ponerlo a funcionar localmente

La integración es bastante directa. La forma más rápida es mediante npx:

npx skills add nutlope/hallmark

Después de eso, aparecerán archivos en las carpetas necesarias. Si estás usando Cursor, las reglas se cargarán en .cursor/rules/hallmark.mdc. Para Claude Code o Codex, las rutas difieren ligeramente, pero el principio general es el mismo: agregas un conjunto de instrucciones (SKILL.md) y una carpeta de referencias a tu directorio de trabajo.

Todo el código del proyecto es abierto bajo la licencia MIT. Puedes bifurcarlo sin problemas, modificar las reglas para tus necesidades o usarlo en proyectos comerciales.

A quién le será útil

No diría que Hallmark reemplazará a un diseñador profesional en un proyecto complejo. Pero si eres un desarrollador backend que necesita armar rápidamente un panel de administración o landing page decente para un proyecto personal, esto es un salvavidas. El sitio no gritará que fue hecho por ChatGPT en 5 segundos.

La herramienta también es genial para prototipado rápido. En lugar de andar jugando en Figma, puedes bocetear varias variantes estructurales directamente en código y ver qué "vibe" le queda mejor al producto.

Por supuesto, a veces Hallmark puede pasarse y producir una solución demasiado audaz, que tendrás que refinar manualmente. Pero sigue siendo mejor que ver el mismo layout templeteado por centésima vez. Si estás cansado de la monotonía del diseño con IA, definitivamente vale la pena agregar esto a tu arsenal.

Proyectos relacionados