¿Qué es Hallmark?
Hallmark, de Hassan El Mghari (nutlope) y publicada bajo el nombre de Together AI, es una Agent Skill que cambia cómo diseña páginas web un agente de código. Fija un Floor de 16 reglas numeradas que ninguna build puede romper, una tabla más larga de puertas Reflex para los vicios por defecto en los que caen los modelos y un catálogo de 50 temas, cada uno un archivo de 8 KB como máximo que describe papel, tipografía, paleta y superficies, pero nunca la maquetación. Una build pide una sola vez material real, reparte tres temas, construye primero el hero y ejecuta un linter incluido, sloplint, antes de que un subagente con contexto limpio revise la página.
Se instala con npx skills add nutlope/hallmark -g en las carpetas de Claude Code y Codex CLI, que Cursor y OpenCode también leen, y se distribuye como plugin de Claude Code. Necesita Node 18 o posterior, además de puppeteer-core y Chrome para las comprobaciones en navegador. Los verbos /hallmark redesign y /hallmark audit actúan sobre páginas existentes, que de lo contrario deja en paz.
El repositorio tiene licencia MIT, unas 43.800 estrellas en GitHub y 2.300 forks, y se creó en abril de 2026. No hay releases en GitHub; la skill está en la versión 2.0.0 y el último commit llegó el 29 de octubre de 2026. Nada es de pago: el sitio dice que no hace falta ninguna clave de API, y una TOGETHER_API_KEY opcional solo activa imágenes generadas a través de Together AI.
¿Merece la pena Hallmark?
Hallmark es la skill de diseño más prescriptiva que hemos leído, y esa es su fuerza. Donde frontend-design de Anthropic e Impeccable sobre todo dan al agente mejor gusto en el que apoyarse, Hallmark pone por escrito los rasgos delatores como reglas comprobables y luego las comprueba. SKILL.md prohíbe, sin excepción, un degradado de morado a azul, una tarjeta dentro de otra, un emoji como icono, una sola palabra en cursiva dentro de un titular en redonda, la etiqueta de antetítulo sobre un encabezado y cualquier etiqueta en mayúsculas espaciadas. Todo color y toda fuente deben pasar por un token en :root, transition: all está prohibido, el titular, una frase y el botón principal deben caber en una ventana de 1280 por 800, y ninguna pantalla puede llevar más de unas 80 palabras. La tabla completa de gates.md va más allá: Inter, Roboto o Poppins como fuente de titulares, un color de serie de Tailwind como indigo-500, separaciones de menos de 120px entre secciones y un formulario de suscripción por email como sección final cuentan como rasgos Reflex que la build debe corregir o justificar por escrito.
Lo que cambia en el resultado es la forma de la página tanto como su pintura. El agente hace una pregunta al principio para pedir fotos, capturas y cifras reales, y no inventa métricas, testimonios ni muros de logos; sin fotos, coloca imágenes acreditadas de una lista de 755 imágenes con licencia abierta en Wikimedia Commons. Reparte tres de 50 temas, evitando los de un registro de builds anteriores para que páginas consecutivas no converjan, construye y revisa el hero por separado, luego ejecuta sloplint a ocho anchos y entrega la página a un subagente con contexto limpio. El resultado es HTML y CSS autónomos cuyo primer comentario CSS registra las decisiones tomadas. El sitio del autor muestra a Opus 5.5 solo con 26 problemas frente a 0 con Hallmark, pero el contador es el propio linter de Hallmark puntuando sus propias reglas, lo que mide más la conformidad que la calidad.
El coste es el contexto. Para construir una página, SKILL.md indica al agente que cargue los archivos de layout, anatomy, imagery, craft, género, tema y patterns, más cuatro secciones de gates.md. En el repositorio esos archivos suman unos 95 KB antes de los 39 KB de gates.md, lo que, con la regla habitual de cuatro caracteres por token, son aproximadamente entre 25.000 y 35.000 tokens de instrucciones antes de escribir una sola línea de marcado. La propia skill llama a cargar más «el mayor coste evitable», y la hoja de ruta incluye medir el tiempo y el coste en tokens de una build como trabajo pendiente, así que no hay cifra oficial. Existe un modo rápido para prototipos, y sin puppeteer-core y Chrome solo se ejecuta el lint estático.
Dos límites pesan más que la factura de tokens. Una skill es un prompt, no una garantía: el agente puede saltarse pasos, y la evaluación de los mantenedores señala que las skills no se activaban solas con claude -p y había que nombrarlas. Y el gusto es un estilo de la casa. Prohibir etiquetas en mayúsculas espaciadas, el papel crema con un acento terracota o una franja final de newsletter es defendible, pero opinable; un equipo con su propio sistema debería escribirlo en un design.md, que Hallmark lee primero y deja que prevalezca sobre todo lo demás. Sin releases etiquetadas y con 68 issues y pull requests abiertos, además es joven. Para una nueva landing page a partir de un prompt de una línea es una herramienta más sólida que Impeccable; para un botón o una pantalla de ajustes, su maquinaria es más de lo que pide el trabajo.
Dónde se gana su sitio
Un fundador en solitario que lanza la landing page de una API de webhooks
Conseguir una página que no se parezca a cualquier otro sitio SaaS generado
Ejecuta /hallmark con la URL del producto; captura pantallas de la app en marcha, reparte tres temas del género modern-minimal y pasa el lint a la página antes de devolverla. Gratis; el coste es una gran carga de instrucciones y dos subagentes de revisión en tokens del agente.
Un desarrollador frontend de una agencia de diez personas que recibe el sitio de marketing anticuado de un cliente
Cambiarle el estilo sin perder un formulario, un enlace o un hook de seguimiento
/hallmark redesign ./site registra cada enlace, campo, handler y encabezado con sloplint --before y hace fallar la ejecución con --kept si falta alguno; di keep the layout para un cambio de estilo o polish solo para los rasgos delatores. La entrega es un antes y después lado a lado.
Una responsable de diseño cuyos ingenieros generan páginas con agentes de código
Detectar el aspecto generado antes de que una página llegue a revisión
Ejecuta node skills/hallmark/scripts/sloplint.mjs sobre el resultado con --render, o /hallmark audit para un informe que no cambia nada; el linter lee HTML, CSS, componentes de frameworks y clases de Tailwind. Algunas reglas son opiniones de la casa, así que cuenta con dispensar unas cuantas dejando constancia.
Antes de decidirte
- Puesta en marcha
- npx skills add nutlope/hallmark -g (quita -g para un solo proyecto, añade --agent para un único entorno), o /plugin marketplace add nutlope/hallmark y luego /plugin install hallmark@hallmark en Claude Code. Necesita Node 18+; npm i -g puppeteer-core y Chrome para las comprobaciones de renderizado. Se invoca con /hallmark <prompt> ($hallmark en Codex).
- Integraciones
- Claude Code, Codex CLI, Cursor y OpenCode, con GitHub Copilot como destino de instalación; lee el design.md del proyecto, la configuración de Tailwind y los tokens; servidor MCP Inspo opcional; un hook opcional de comprobación del Floor al editar en Claude Code; generación de imágenes opcional con Together AI (FLUX.1.1-pro por defecto).
- Datos y privacidad
- Funciona en local y escribe en tu proyecto, incluida una carpeta .hallmark/ con un registro de builds y una caché de pre-flight. Las fotos de la biblioteca están alojadas en Wikimedia Commons y conservan sus propias licencias CC0, dominio público, CC BY o CC BY-SA; los prompts solo van a Together AI si TOGETHER_API_KEY está definida. Ni el README ni SKILL.md describen telemetría. Licencia MIT.
- Coste a escala
- Sin plan de pago ni edición alojada. El coste real son los tokens del agente: construir una página carga unos 95 KB de archivos de instrucciones más partes del archivo de puertas de 39 KB y ejecuta dos revisiones con contexto limpio. Las imágenes generadas se facturan en tu propia cuenta de Together AI.
- Límites
- Pensada para sitios web y páginas nuevas, con alcances reducidos para componentes y pantallas de aplicación; ignora los diseños existentes salvo que se la nombre. Sin releases etiquetadas y con 68 issues y pull requests abiertos; las skills pueden no activarse solas; los mantenedores no han publicado un coste en tokens medido.
Lo bueno
- Prohibiciones concretas y comprobables de los rasgos típicos de las páginas generadas
- sloplint incluido revisa la página en un navegador real a ocho anchos
- Se niega a inventar métricas, citas o logos; acredita cada foto
- El modo de rediseño falla si se pierde un enlace, un campo o un handler
Lo malo
- Mucha carga de instrucciones por build; sin coste en tokens publicado
- Estilo de la casa opinable contra el que algunos equipos lucharán
- Las comprobaciones en navegador necesitan puppeteer-core y Chrome
- Sin releases etiquetadas; puede no activarse si no se nombra
Ideal para
Desarrolladores que construyen páginas de marketing y landing pages con Claude Code, Codex, Cursor u OpenCode y quieren que dejen de parecerse a cualquier otro sitio generado.
Alternativas a Hallmark
Hallmark: preguntas frecuentes
- ¿Merece la pena Hallmark?
- Hallmark convierte el gusto en diseño en reglas que un agente puede incumplir, lo que hace que sus páginas parezcan hechas y no generadas, a cambio de una factura de contexto que nadie ha medido todavía. Le damos un 4.1 sobre 5.
- ¿Cuánto cuesta Hallmark?
- Gratis y de código abierto (MIT). Una TOGETHER_API_KEY opcional activa imágenes generadas, facturadas por Together AI.
- ¿Qué inconvenientes tiene Hallmark?
- Mucha carga de instrucciones por build; sin coste en tokens publicado; estilo de la casa opinable contra el que algunos equipos lucharán; las comprobaciones en navegador necesitan puppeteer-core y Chrome; sin releases etiquetadas; puede no activarse si no se nombra.
- ¿Para quién es Hallmark?
- Desarrolladores que construyen páginas de marketing y landing pages con Claude Code, Codex, Cursor u OpenCode y quieren que dejen de parecerse a cualquier otro sitio generado.
- ¿Cuánto cuesta Hallmark para un equipo o en producción?
- Sin plan de pago ni edición alojada. El coste real son los tokens del agente: construir una página carga unos 95 KB de archivos de instrucciones más partes del archivo de puertas de 39 KB y ejecuta dos revisiones con contexto limpio. Las imágenes generadas se facturan en tu propia cuenta de Together AI.
- ¿Es Hallmark seguro para los datos de la empresa?
- Funciona en local y escribe en tu proyecto, incluida una carpeta .hallmark/ con un registro de builds y una caché de pre-flight. Las fotos de la biblioteca están alojadas en Wikimedia Commons y conservan sus propias licencias CC0, dominio público, CC BY o CC BY-SA; los prompts solo van a Together AI si TOGETHER_API_KEY está definida. Ni el README ni SKILL.md describen telemetría. Licencia MIT.
- ¿Cuáles son las mejores alternativas a Hallmark?
- Las alternativas más cercanas que hemos analizado son Impeccable, OpenDesign y Anthropic Skills.
Respuestas comprobadas el 31 oct 2026.