>_ DevTrendspt

Idioma

Início

Linguagens

Seções

Frontend Backend Mobile DevOps AI / ML GameDev Blockchain Embarcados Segurança
CSS

Como Parar de Criar Sites que Parecem Modelos Genéricos de IA

Situação familiar: você pede a uma IA para criar uma landing page, e ela cospe mais um clone com um título centralizado, uma imagem hero enorme e três ícones de benefícios? Tudo parece organizado, mas tem aquela mesma sensação de "plástico". Esse efeito já tem um nome — AI slop.

Recentemente descobri o Hallmark. Não é apenas um gerador de código, mas uma skill (addon) para editores de IA populares como Cursor, Claude Code e Codex. O principal diferencial do projeto é a resistência agressiva aos padrões nos quais modelos de linguagem são treinados. Em vez de cuspir uma média da internet, a ferramenta busca deliberadamente estruturas e estilos únicos.

O que está sob o capô do Hallmark

Os desenvolvedores da Together AI decidiram ir pelo caminho oposto. Em vez de prompting tradicional, implementaram um sistema de 57 verificações ("slop-test gates"). Esses filtros eliminam soluções excessivamente usadas. Se um modelo tenta propor um bloco "hero" padrão, o sistema força a refazer o layout até parecer trabalho de um designer de verdade.

Curiosamente, o Hallmark não usa templates prontos. Ele seleciona uma macro-estrutura para um briefing específico e "veste" ela com um dos vinte temas. Duas tarefas diferentes vão produzir dois sites diferentes, não apenas uma troca de paleta de cores.

Hallmark, uma skill de design que se recusa a parecer gerada por IA

Quatro modos de operação

A ferramenta é controlada via comandos simples. Identifiquei dois cenários mais úteis para mim, além da geração regular.

O primeiro é hallmark study. Você alimenta com uma captura de tela ou link de um site que gosta. O Hallmark não faz uma cópia pixel-perfect (que geralmente parece patética), mas extrai o "DNA" do design: tipografia, cores de âncora e lógica de construção de blocos. A saída é um arquivo design.md que você pode dar a qualquer IA como um guia.

O segundo é hallmark audit. Se você já tem código, a ferramenta executa através dos testes "AI slop" e fornece uma lista de edições. Não editará o código em si para evitar quebrar algo, mas definitivamente apontará onde o design parece muito previsível.

Há também redesign, que reconstrói completamente a estrutura da página preservando seu texto e marca. Isso é útil quando uma landing page antiga ficou datada e você quer uma nova perspectiva sem mudar o conteúdo.

Exemplos do que ele produz

O repositório tem muitos exemplos, e eles realmente são diferentes. Existem interfaces minimalistas rígidas para SaaS, e existem páginas quase "artisanais" para pequenas fazendas ou selos musicais.

Se nenhum dos temas padrão se encaixar na ideia maluca de um cliente, o Hallmark muda para o modo Custom. Nesse caso, projeta a paleta e o grid do zero, sem depender de conjuntos de regras pré-fabricados.

Como fazer funcionar localmente

A integração é bem direta. O caminho mais rápido é via npx:

npx skills add nutlope/hallmark

Depois disso, arquivos aparecem nas pastas necessárias. Se você estiver usando Cursor, as regras serão puxadas para .cursor/rules/hallmark.mdc. Para Claude Code ou Codex, os caminhos diferem ligeiramente, mas o princípio geral é o mesmo: você adiciona um conjunto de instruções (SKILL.md) e uma pasta de referências ao seu diretório de trabalho.

O código inteiro do projeto é aberto sob a licença MIT. Você pode fazer fork com segurança, modificar as regras para suas necessidades, ou usá-lo em projetos comerciais.

Quem achará isso útil

Não diria que o Hallmark substituirá um designer profissional em um projeto complexo. Mas se você é um desenvolvedor backend que precisa rapidamente montar um painel admin decente ou landing page para um projeto pessoal, isso é um salva-vidas. O site não vai gritar que foi feito pelo ChatGPT em 5 segundos.

A ferramenta também é ótima para prototipagem rápida. Em vez de ficar mexendo no Figma, você pode esboçar várias variantes estruturais diretamente no código e ver qual "vibe" se encaixa melhor no produto.

Claro, às vezes o Hallmark pode exagerar e produzir uma solução muito ousada, que você precisará refinar manualmente. Mas ainda é melhor do que ver o mesmo layout genérico pela centésima vez. Se você está cansado da monotonia do design de IA, o Hallmark definitivamente vale a pena adicionar ao seu arsenal.

Projetos relacionados