Si le pides una página de aterrizaje a un agente de código, a menudo recibes la misma página de siempre: una etiqueta pequeña sobre cada título, una palabra de color en el titular y una casilla de suscripción al final. Funciona, pero se nota que la ha hecho una máquina. Hallmark intenta corregir justo ese hábito en su origen, dentro del propio agente.
¿Qué es Hallmark y quién lo crea?
Hallmark es una skill de diseño para agentes de código. Una skill, en este contexto, es un paquete de instrucciones y archivos de referencia que el agente lee antes de hacer una tarea concreta. El repositorio oficial la describe como una skill para Claude Code, Codex, Cursor y OpenCode que se niega a parecer generada por IA. Figura como creada por Together AI y se publica con licencia MIT, así que puedes leerla, modificarla y reutilizarla.
¿Qué problema intenta resolver?
Hallmark construye páginas web y después las revisa con un linter, es decir, compara el resultado con una lista de patrones conocidos. El repositorio enumera las señales que busca: la etiqueta encima de cada título, las etiquetas en mayúsculas espaciadas, una sola palabra de color en el titular, una página llena de marcos vacíos o solo de fotografías y una suscripción por correo al final de cada página. También marca una sección principal que no encaja en la pantalla y un formulario que da las gracias sin enviar nada. Esto último no es una cuestión de estilo: es una función rota que parece terminada.
¿Cómo funciona?
La pieza central es el tema. Hallmark incluye cincuenta, y cada uno es un «material»: papel, tipografía, color, superficies, componentes propios y textura. Un tema no decide qué contiene una página ni en qué orden. Cada uno es un único archivo de menos de 8 KB, y cada construcción lee exactamente uno. Si dices «custom», Hallmark prescinde de los temas y diseña solo a partir de tu prompt, con las mismas reglas. La versión 2 además construye a partir de la función: una página de reservas reserva, una tienda vende y un boletín recoge suscripciones. Puede hacer sus propias capturas si le indicas una URL, un servidor de desarrollo o una aplicación, y usa 755 fotos con licencia abierta, acreditadas en la página.
Los controles se organizan en tres niveles. El Floor nunca se publica: contraste, foco, movimiento reducido, datos inventados y un diseño roto en el móvil. Las puertas Reflex detectan los hábitos por defecto de un modelo; una construcción puede saltarse una, pero solo con un motivo que queda registrado. Los controles Finish cubren detalles de acabado y nunca bloquean una publicación. El linter, sloplint, revisa la página renderizada en ocho anchos y después un subagente la examina con ojos nuevos. Los controles estáticos funcionan también sin navegador.
¿Cómo se instala y se usa?
La instalación es un solo comando: npx skills add nutlope/hallmark -g. Con -g queda instalada para todos tus proyectos; sin esa opción, solo para el actual. Necesitas Node 18 o posterior. Los controles en navegador requieren además puppeteer-core y Chrome; sin ellos siguen funcionando los controles estáticos. En Claude Code la skill se guarda en ~/.claude/skills/hallmark y en Codex CLI en ~/.agents/skills/hallmark. Para páginas existentes hay dos comandos: /hallmark redesign <ruta> reconstruye una página manteniendo su contenido y sus conexiones, y /hallmark audit <ruta> solo genera un informe. Antes de un rediseño, sloplint puede registrar enlaces, campos, manejadores y títulos, y el rediseño falla si falta alguno.
¿Cuáles son sus límites?
Hallmark no inventa contenido. En su paso previo pide material real, como fotos, capturas y cifras. No usa bancos de imágenes como Unsplash, Pexels o Pixabay, porque sus condiciones prohíben que las herramientas de IA elijan sus imágenes. Y no parte de un diseño existente a menos que lo nombres. Hallmark en sí es un conjunto de instrucciones; el trabajo real, y cualquier uso del modelo, sigue pasando por el agente que ya utilizas.
Valoración del editor
Los cincuenta temas se llevarán la atención, pero lo más útil es el nivel Reflex. No se limita a prohibir hábitos: permite que el agente se salte una regla y le obliga a dejar escrito el motivo. Así, una decisión de diseño silenciosa se convierte en una que una persona puede revisar. Mi sugerencia práctica: empieza con /hallmark audit en una página que ya tengas. Obtienes una lista de problemas sin ninguna reescritura y decides tú qué correcciones merece la pena pasarle al agente. ¿Quién da el siguiente paso? Lo decides tú, no la configuración por defecto del modelo. Es nuestra lectura de la documentación, no el resultado de una prueba; cómo se comportan estos controles en tus propias páginas solo lo mostrará tu propia auditoría.
