O que é Hallmark?
O Hallmark, de Hassan El Mghari (nutlope) e publicado sob o nome da Together AI, é uma Agent Skill que muda a forma como um agente de programação desenha páginas web. Ele define um Floor de 16 regras numeradas que nenhum build pode violar, uma tabela mais longa de Reflex gates para os padrões em que os modelos caem e um catálogo de 50 temas, cada um em um arquivo de no máximo 8 KB que descreve papel, tipografia, paleta e superfícies, mas nunca o layout. Um build pede uma vez material real, sorteia três temas, constrói primeiro o hero e roda um linter incluído, o sloplint, antes que um subagente com contexto novo revise a página.
Instala com npx skills add nutlope/hallmark -g nas pastas do Claude Code e do Codex CLI, que o Cursor e o OpenCode também leem, e é distribuído como plugin do Claude Code. Exige Node 18 ou mais recente, além de puppeteer-core e Chrome para as verificações no navegador. Os verbos /hallmark redesign e /hallmark audit funcionam em páginas existentes, que de outra forma ele deixa em paz.
O repositório tem licença MIT, cerca de 43.800 estrelas e 2.300 forks no GitHub, e foi criado em abril de 2026. Não há releases no GitHub; a skill está na versão 2.0.0 e o último commit entrou em 29 de outubro de 2026. Nada é pago: o site diz que não é preciso chave de API, e uma TOGETHER_API_KEY opcional só ativa imagens geradas pela Together AI.
Hallmark vale a pena?
O Hallmark é a skill de design mais prescritiva que já lemos, e essa é a sua força. Onde o frontend-design da Anthropic e o Impeccable dão ao agente, sobretudo, um gosto melhor em que se apoiar, o Hallmark escreve os sinais típicos como regras verificáveis e depois as verifica. O SKILL.md proíbe, sem exceção, um degradê de roxo para azul, um card dentro de um card, um emoji como ícone, uma única palavra em itálico dentro de um título romano, o rótulo eyebrow acima de um título e qualquer rótulo em maiúsculas espaçadas. Toda cor e toda fonte devem passar por um token em :root, transition: all é proibido, o título, uma frase e o botão principal precisam caber em uma janela de 1280 por 800, e nenhuma tela pode ter mais de cerca de 80 palavras. A tabela mais completa em gates.md vai além: Inter, Roboto ou Poppins como fonte de destaque, uma cor de estoque do Tailwind como indigo-500, espaços menores que 120px entre seções e um cadastro de e-mail como seção final contam todos como sinais Reflex que o build precisa corrigir ou justificar por escrito.
O que muda na saída é tanto a forma da página quanto a pintura. O agente faz uma única pergunta no início pedindo fotos, capturas de tela e números reais, e não inventa métricas, depoimentos nem paredes de logos; sem fotos, ele coloca imagens com crédito de uma lista de 755 imagens com licença aberta no Wikimedia Commons. Sorteia três de 50 temas, evitando os que estão em um registro de builds anteriores para que páginas consecutivas não convirjam, constrói e revisa só o hero, depois roda o sloplint em oito larguras e entrega a página a um subagente com contexto novo. O resultado é HTML e CSS autocontidos, cujo primeiro comentário CSS registra as decisões tomadas. O site do criador mostra o Opus 5.5 sozinho com 26 problemas contra 0 com o Hallmark, mas quem conta é o próprio linter do Hallmark marcando as próprias regras, o que mede mais conformidade que qualidade.
O custo é o contexto. Para construir uma página, o SKILL.md manda o agente carregar os arquivos de layout, anatomia, imagens, acabamento, gênero, tema e padrões, mais quatro seções do gates.md. No repositório, esses arquivos somam cerca de 95 KB antes dos 39 KB do gates.md, o que pela regra usual de quatro caracteres por token dá aproximadamente 25.000 a 35.000 tokens de instruções antes de qualquer marcação ser escrita. A própria skill chama carregar mais de 'the largest avoidable cost', e o roadmap lista medir o tempo e o custo em tokens de um build como trabalho pendente, então não há número oficial. Existe um modo rápido para protótipos, e sem puppeteer-core e Chrome só roda o lint estático.
Dois limites importam mais que a conta de tokens. Uma skill é um prompt, não uma garantia: o agente pode pular etapas, e a avaliação dos mantenedores observa que as skills não dispararam sozinhas com claude -p e precisaram ser chamadas pelo nome. E o gosto é um estilo da casa. Proibir rótulos em maiúsculas espaçadas, papel creme com destaque terracota ou uma faixa final de newsletter é defensável, mas opinativo; uma equipe com sistema próprio deve escrevê-lo em um design.md, que o Hallmark lê primeiro e deixa sobrepor todo o resto. Sem releases com tag e com 68 issues e pull requests abertos, ele também é jovem. Para uma landing page nova a partir de um prompt de uma linha, é uma ferramenta mais forte que o Impeccable; para um botão ou uma tela de configurações, sua maquinaria é mais do que o trabalho exige.
Onde ele se destaca
Um fundador solo lançando uma landing page para uma API de webhooks
Ter uma página que não pareça com qualquer outro site SaaS gerado
Rode /hallmark com a URL do produto; ele captura telas do app em execução, sorteia três temas do gênero modern-minimal e verifica a página antes de devolvê-la. Gratuito; o custo é uma carga grande de instruções e dois subagentes de revisão em tokens do agente.
Um desenvolvedor frontend em uma agência de dez pessoas que recebeu o site de marketing datado de um cliente
Mudar o visual sem perder um formulário, um link ou um gancho de rastreamento
/hallmark redesign ./site registra cada link, campo, handler e título com sloplint --before e faz a execução falhar com --kept se algum sumir; diga keep the layout para só mudar o visual ou polish para tratar apenas os sinais típicos. A entrega é um antes e depois lado a lado.
Um líder de design cujos engenheiros geram páginas com agentes de programação
Pegar o visual de página gerada antes que ela chegue à revisão
Rode node skills/hallmark/scripts/sloplint.mjs na saída com --render, ou /hallmark audit para um relatório que não altera nada; o linter lê HTML, CSS, componentes de frameworks e classes do Tailwind. Algumas regras são opiniões da casa, então espere dispensar algumas, com registro.
Antes de decidir
- Configuração
- npx skills add nutlope/hallmark -g (tire o -g para um único projeto, acrescente --agent para mirar um harness), ou /plugin marketplace add nutlope/hallmark e depois /plugin install hallmark@hallmark no Claude Code. Exige Node 18+; npm i -g puppeteer-core e Chrome para as verificações de renderização. Chame com /hallmark <prompt> ($hallmark no Codex).
- Integrações
- Claude Code, Codex CLI, Cursor e OpenCode, com GitHub Copilot como destino de instalação; lê o design.md, a configuração do Tailwind e os tokens de um projeto; servidor MCP Inspo opcional; um hook opt-in do Floor no momento da edição para o Claude Code; geração de imagens opcional pela Together AI (FLUX.1.1-pro por padrão).
- Dados e privacidade
- Roda localmente e grava no seu projeto, incluindo uma pasta .hallmark/ com um registro de builds e um cache de pré-voo. As fotos da biblioteca ficam hospedadas no Wikimedia Commons e mantêm suas próprias licenças CC0, domínio público, CC BY ou CC BY-SA; os prompts vão para a Together AI só se TOGETHER_API_KEY estiver definida. O README e o SKILL.md não descrevem telemetria. Licença MIT.
- Custo em escala
- Sem nível pago nem edição hospedada. O custo real são tokens do agente: construir uma página carrega cerca de 95 KB de arquivos de instruções mais partes do arquivo gates de 39 KB e roda duas revisões com contexto novo. As imagens geradas são cobradas na sua própria conta da Together AI.
- Limites
- Feito para sites e páginas novas, com escopos reduzidos para componentes e telas de apps; ignora designs existentes, a menos que sejam indicados. Sem releases com tag e com 68 issues e pull requests abertos; as skills podem não disparar sozinhas; os mantenedores não publicaram um custo medido em tokens.
O que é bom
- Proibições concretas e verificáveis dos sinais típicos de páginas geradas
- O sloplint incluído verifica a página em um navegador real em oito larguras
- Recusa-se a inventar métricas, citações ou logos; dá crédito a cada foto
- O modo redesign falha se um link, campo ou handler sumir
O que não é
- Carga pesada de instruções por build; sem custo em tokens publicado
- Estilo da casa opinativo contra o qual algumas equipes vão brigar
- As verificações no navegador exigem puppeteer-core e Chrome
- Sem releases com tag; pode não disparar se não for chamado pelo nome
Ideal para
Desenvolvedores que criam páginas de marketing e landing pages com Claude Code, Codex, Cursor ou OpenCode e querem que elas parem de parecer com qualquer outro site gerado.
Alternativas ao Hallmark
Hallmark: perguntas frequentes
- Hallmark vale a pena?
- O Hallmark transforma gosto em design em regras que um agente pode descumprir, o que faz suas páginas parecerem feitas e não geradas, a um custo de contexto que ninguém mediu ainda. Damos nota 4.1 de 5.
- Quanto custa Hallmark?
- Gratuito e open source (MIT). Uma TOGETHER_API_KEY opcional ativa imagens geradas, cobradas pela Together AI.
- Quais são as desvantagens de Hallmark?
- Carga pesada de instruções por build; sem custo em tokens publicado; estilo da casa opinativo contra o qual algumas equipes vão brigar; as verificações no navegador exigem puppeteer-core e Chrome; sem releases com tag; pode não disparar se não for chamado pelo nome.
- Para quem Hallmark é indicado?
- Desenvolvedores que criam páginas de marketing e landing pages com Claude Code, Codex, Cursor ou OpenCode e querem que elas parem de parecer com qualquer outro site gerado.
- Quanto custa Hallmark para uma equipe ou em produção?
- Sem nível pago nem edição hospedada. O custo real são tokens do agente: construir uma página carrega cerca de 95 KB de arquivos de instruções mais partes do arquivo gates de 39 KB e roda duas revisões com contexto novo. As imagens geradas são cobradas na sua própria conta da Together AI.
- Hallmark é seguro para dados da empresa?
- Roda localmente e grava no seu projeto, incluindo uma pasta .hallmark/ com um registro de builds e um cache de pré-voo. As fotos da biblioteca ficam hospedadas no Wikimedia Commons e mantêm suas próprias licenças CC0, domínio público, CC BY ou CC BY-SA; os prompts vão para a Together AI só se TOGETHER_API_KEY estiver definida. O README e o SKILL.md não descrevem telemetria. Licença MIT.
- Quais são as melhores alternativas ao Hallmark?
- As alternativas mais próximas que analisamos são Impeccable, OpenDesign e Anthropic Skills.
Respostas verificadas em 31 de out. de 2026.