Por que a IA continua projetando o mesmo site
Agentes de codificação de IA usam padrões de interface genéricos por padrão, porque seus dados de treinamento enfatizam exemplos comuns de SaaS. O Impeccable fornece orientação e verificações de design, ajudando os agentes a evitar esses padrões.
Você reconhece os sinais: Inter em toda parte, gradientes de roxo para azul e cartões dentro de cartões. Esses elementos onipresentes derivam de modelos treinados nos mesmos modelos de SaaS, criando uma "média estranha" de sites de marketing e painéis administrativos. É um código funcional, mas falta identidade.
Isso não é apenas uma crítica estética. Interfaces que parecem intercambiáveis falham em comunicar o valor único de um produto. Seu produto merece uma voz visual distinta, não apenas mais uma iteração do mesmo design genérico.
O Impeccable, criado pelo fundador do jQuery UI, Paul Bakaus, intervém. Antes de cada edição de interface, um agente lê uma lista de padrões a serem evitados. Em seguida, um detector verifica o resultado em relação a 61 regras determinísticas, sinalizando problemas como violações de contraste e armadilhas de layout. A ferramenta integra-se diretamente ao GitHub Copilot, Claude Code e Cursor.
Essa combinação de direcionamento por prompt e linting baseado em regras empurra a IA para além de sua estética padrão. É um passo essencial para interfaces que são funcionais e visualmente distintas, ajudando você a evitar o "visual de startup Tailwind" ou, pior, a supercorreção de "fontes serifadas em pergaminho".
O treinador de design que também verifica o código
O Impeccable, uma ferramenta gratuita e de código aberto, enfrenta esse problema de frente. Paul Bakaus, criador do jQuery UI e ex-Google Developer Advocate, construiu-o para guiar agentes de codificação de IA em direção a designs mais sutis e diversos.
Sua abordagem de duas frentes combina habilidades voltadas para o agente com um detector determinístico. As habilidades injetam contexto de design, direcionando as decisões do modelo antes da geração do código. O detector então analisa o código gerado em relação a 61 regras, sinalizando problemas sem chamadas de API caras ou tokens de modelo. Esse ciclo de feedback ajuda os agentes a aprender o que evitar.
Comandos práticos tornam o Impeccable um poderoso treinador de design. O audit verifica sua página quanto a acessibilidade, desempenho e layout responsivo. Os comandos bolder e quieter permitem o ajuste fino da intensidade visual. Para insights de UX mais profundos, o critique fornece feedback sobre hierarquia e ressonância emocional, enquanto o polish prepara os designs para o lançamento.
Este método híbrido ajuda os agentes a se libertarem do visual de "startup Tailwind". O Impeccable até se adapta a novos clichês de design, como visto quando adicionou regras para sinalizar fundos creme e títulos em fontes serifadas itálicas usados em excesso, após um comentarista do Hacker News criticar os primeiros resultados. É uma luta iterativa contra o design genérico, mas necessária.
A armadilha anti-genérico: um clichê por outro
Evitar um clichê pode facilmente levar a outro. Embora o Impeccable tenha afastado efetivamente os agentes da onipresente estética de startup estilo Tailwind, os primeiros exemplos receberam uma crítica no Hacker News: os designs frequentemente recorriam a fundos creme e títulos grandes em fontes serifadas itálicas. Isso não foi uma falha da ferramenta, mas uma consequência natural do design baseado em regras.
As regras podem sinalizar e desencorajar padrões familiares, mas não podem inerentemente escolher uma direção visual distinta. Sem uma orientação estética específica, os agentes podem simplesmente gravitar para o próximo conjunto de convenções menos sinalizadas. Isso cria uma espécie de desleixo de segunda ordem, trocando gradientes de roxo para azul por um visual diferente, porém igualmente genérico.
O criador do Impeccable, Paul Bakaus, respondeu expandindo suas regras determinísticas. O detector agora sinaliza fundos creme sobreutilizados e grandes títulos em itálico com serifa, impedindo que esse novo conjunto de clichês domine. Esse refinamento iterativo ajuda os agentes a explorar diferentes estilos artísticos, indo além de uma gama estética estreita.
Em última análise, o Impeccable fornece uma estrutura crucial, mas o bom gosto e o contexto do produto ainda exigem supervisão humana. A ferramenta oferece um "vocabulário de design" poderoso para agentes, garantindo que eles não reproduzam cegamente UIs médias da internet. Para um mergulho mais profundo em suas capacidades, confira Impeccable: The Missing Design Vocabulary for Agents. É um componente vital no combate ao AI design slop, mas não substitui a direção criativa humana.
Gostando do artigo? Receba um assim na sua caixa de entrada toda manhã.
um e-mail por dia · cancele em dois cliques · sem rastreadores de terceiros
Como colocar o Impeccable em funcionamento
Colocar o Impeccable em funcionamento começa com um único comando: npx impeccable install. Uma vez instalado, instrua seu agente de IA — como Claude Code, Cursor ou GitHub Copilot — com um objetivo de design concreto. Em seguida, use audit ou npx impeccable detect para revelar problemas comuns e padrões estéticos.
Este ciclo de feedback é crucial. O Impeccable opera como um suporte de design, não como uma transformação única. Ele evita padrões de interface genéricos verificando 61 regras determinísticas, identificando desde fontes Inter sobreutilizadas até gradientes de roxo para azul e cartões aninhados.
Integre o Impeccable com agentes de codificação populares, incluindo:
- Claude Code
- Cursor
- GitHub Copilot
- Codex
Você também pode apontar o detector para qualquer site existente para identificar padrões visuais comuns que contribuem para o design slop. Isso fornece uma base para o que evitar.
Espere um refinamento iterativo. O Impeccable guia sua IA para interfaces mais distintas através de feedback repetido, superando os visuais de "startup Tailwind" ou "serifa em pergaminho". Explore a ferramenta em impeccable.style ou mergulhe no repositório do GitHub para integrá-la ao seu fluxo de trabalho. O feedback consistente é a única maneira de tornar as interfaces de IA verdadeiramente menos genéricas.
Perguntas Frequentes
O que é o Impeccable?
O Impeccable é um kit de ferramentas gratuito e de código aberto que ajuda agentes de codificação de IA a criar e avaliar interfaces mais distintas.
Como o Impeccable detecta o design slop?
Seu detector determinístico verifica o código em relação a regras de design e, em seguida, fornece ao agente problemas específicos a serem resolvidos, sem exigir uma chamada de modelo extra.
Quais ferramentas de codificação de IA funcionam com o Impeccable?
O Impeccable suporta fluxos de trabalho de agentes, incluindo Claude Code, Cursor, GitHub Copilot e Codex.
O Impeccable torna os designs de IA ótimos de uma só vez?
Não. Ele pode direcionar e criticar o trabalho de um agente, mas melhorias significativas geralmente exigem várias rodadas de iteração.