Una habilidad de diseño para Claude Code, Cursor y Codex que se niega a parecer generada por IA: elige una macroestructura para el encargo, aplica uno de veinte temas y ejecuta decenas de filtros anti-repetición antes de emitir el resultado.
Qué hace
Hallmark es una habilidad de diseño anti-repetición-IA para Claude Code, Cursor y Codex, desarrollada por Together AI. Elige una macroestructura, aplica uno de veinte temas y ejecuta 57 filtros anti-repetición más una autocrítica previa a la emisión para producir UI que evita los patrones por defecto en los que se entrenan los LLM.
Hallmark es una habilidad de diseño para Claude Code, Cursor y Codex (desarrollada por Together AI) que se niega a parecer generada por IA. Para un encargo, elige una macroestructura, la viste con uno de veinte temas, ejecuta cincuenta y siete filtros anti-repetición más una autocrítica previa a la emisión, y evita deliberadamente los valores por defecto que todo LLM tiene incorporados, de modo que dos páginas para dos encargos distintos parecen sitios diferentes en lugar de variaciones de color de una misma plantilla. Cuando un encargo tiene una intención creativa que no encaja en ningún tema del catálogo, cambia a la rama Custom y diseña la paleta, la tipografía y la maquetación desde cero bajo los mismos filtros.
Expone cuatro verbos: el predeterminado construye nueva UI; hallmark audit puntúa el código existente contra los anti-patrones en forma de lista de correcciones; hallmark redesign mantiene el texto, la arquitectura de la información y la marca, pero reconstruye con una huella diferente; y hallmark study extrae el ADN de diseño (macroestructura, combinación tipográfica, color ancla) de una captura de pantalla o URL que admires, rechazando píxel-clones y plantillas de pago. Instala con npx skills add nutlope/hallmark, o copia SKILL.md y las referencias en Claude Code, Cursor o Codex.
Características
Notas de campo
Revisado el Jun 21, 2026
Ideal para
Resultados para creadores
Ten cuidado
Probado con
Costo
Gratuito y de código abierto (MIT).
Es una habilidad de diseño que construye UI evitando los valores por defecto genéricos de la IA: elige una macroestructura y un tema, y luego hace pasar el resultado por 57 filtros anti-repetición y una autocrítica antes de entregarlo.
El predeterminado construye nueva UI; audit puntúa el código existente contra los anti-patrones; redesign mantiene el texto, la IA y la marca, pero reconstruye con una nueva huella; y study extrae el ADN de diseño de una captura de pantalla o URL.
Ejecuta `npx skills add nutlope/hallmark`, o copia SKILL.md y sus referencias en Claude Code, Cursor o Codex.
Claude/Codex/Cursor skill from the Tailwind CSS team that upgrades AI-generated UI from generic to designer-quality, in any existing project.
Best for Teams using Claude Code or Codex to ship UI who want output that looks senior-designer reviewed, not AI-interpolatedUna habilidad de IA que proporciona a los agentes de codificación inteligencia de diseño, reglas de razonamiento y estilos de interfaz para generar UI/UX profesional en distintas plataformas y frameworks.
Best for Arrancar un sistema de diseño a partir de la descripción de un proyecto.Agent skills for UI builders, by the creators of Tailwind CSS and Refactoring UI, wires into Claude Code, Cursor, and Codex to ship interfaces that look designed, not generated.
Best for Teams using coding agents for frontend work who want output that reflects senior design judgment, not generic AI defaultsui.sh Brand Kit skill: generate a visual brand direction board with site mockups, typography, and color from a single prompt, for Codex-powered coding agents.
Best for Teams starting a new product who want a coding agent to build UI with a coherent visual identity from day oneAgent skill for adding thoughtfully designed dark mode to existing UIs, balances contrast across text, surfaces, borders, and images for Claude Code, Cursor, Codex, and more.
Best for Teams with a finished light-mode UI who want dark mode that looks designed rather than auto-invertedui.sh Ideas skill for AI coding agents: generate and compare multiple UI design directions in the browser before committing to one.
Best for Teams that want to explore multiple UI directions before committing any design to the codebase