A skill que faz a IA parar de entregar página com cara de IA

O Impeccable é uma skill aberta que dá nome pra cada vício de design da IA, traz 24 comandos pro seu agente e um detector de 61 verificações que roda sem IA. A gente tem ela instalada aqui na Nomics. O que cada comando faz e por onde começar.

Página feita com IA tem sotaque. Degradê roxo, card dentro de card, título em serifa itálica sobre fundo bege, um ícone num quadradinho em cima de cada título. A gente sente que tem alguma coisa errada, não consegue dizer o quê, e o pedido pra IA vira "deixa mais bonito".

O Impeccable é uma skill aberta, criada pelo Paul Bakaus, que dá pro seu agente de código o vocabulário que falta nesse pedido. Tem mais de 70 mil estrelas no GitHub, funciona no Claude Code, no Codex, no Cursor, no Gemini CLI, no GitHub Copilot e em outros, e é de graça. Aqui na Nomics ela está instalada no nosso workspace desde agosto, junto com as outras skills de design da casa.

Cada vício tem nome

O ponto de partida é um catálogo. A página Slop, que é como eles chamam a cara de IA, lista 67 padrões em nove grupos: design system, detalhes visuais, tipografia, cor e contraste, layout e espaço, movimento, texto, imagens e qualidade geral. E mostra o mesmo produto fictício em três épocas, 2022, 2025 e 2026, porque cada época e cada modelo tem o seu vício.

Na home, o detector aparece ligado sobre uma página de exemplo e marca cada coisa pelo nome: bege de IA com serifa, card arredondado suave, borda lateral, etiqueta acima do título, ponto piscando, card dentro de card, ícones em quadradinhos iguais e seções numeradas.

Os comandos

Tudo passa por uma skill só, chamada com /impeccable seguido do que você quer. O repositório lista 24 comandos. Os que mais servem pra quem monta página:

• init: faz perguntas sobre o produto, o público e o tom, e grava isso num arquivo PRODUCT.md que os outros comandos leem antes de mexer.
• critique: revisão de design com nota por critério (hierarquia, clareza, acabamento) e a ordem do que corrigir.
• audit: a parte técnica, com acessibilidade, desempenho e versão de celular.
• polish: a passada final antes de publicar, dentro do design system que já existe.
• distill: tira o excesso e deixa o essencial.
• clarify: arruma o texto da interface que está confuso.
• typeset e layout: corrigem fonte, hierarquia, espaçamento e ritmo.
• bolder e quieter: um deixa mais ousada a página sem graça, o outro acalma a que está gritando.
• document: gera um DESIGN.md a partir do código que você já tem, pra próxima página seguir o mesmo padrão.

O pedido pode ser em linguagem normal. As perguntas frequentes deles dizem que você não precisa saber termo de design: descreve o que está fazendo, pra quem é e o que parece errado.

O detector roda sem IA

É a parte que mais me interessa. As 61 verificações do detector são regras fixas que rodam em código, sem modelo de IA e sem chave de API. Funcionam de três jeitos: como hook, que confere cada edição do agente e devolve os achados pra ele corrigir; pela extensão pro Chrome, que abre um painel nas ferramentas de desenvolvedor e mostra os problemas da página aberta; e pelo terminal, pra conferir a interface antes de publicar.

Como instalar

Na pasta do projeto, o comando é npx impeccable install. Ele pergunta qual ferramenta você usa e se a instalação é só pra esse projeto ou pra todos, e pede o Node.js 22.18 ou mais novo. No Claude Code também dá pra instalar como plugin. Se você não mexe em terminal, manda a sua IA ler a página de primeiros passos e instalar por você.

A skill, os comandos, o terminal e o detector são grátis e abertos, com licença Apache 2.0. O que pode custar é o uso da sua própria ferramenta de IA e, se você ligar a geração de imagem, a cobrança do provedor da imagem.

A ordem que eu seguiria

Numa página que já existe, primeiro o init, pra skill saber quem compra e o que o produto promete. Se a marca já tem um padrão visual, o document logo em seguida, pra nenhum comando sair dele. Depois um critique da página, pra ter a lista do que corrigir e em que ordem, os comandos que o critique apontar e o polish por último.

Numa página nova, o init e depois o pedido normal com o nome da skill na frente. O agente já entra sabendo o que evitar.

A skill, o catálogo e a extensão estão aqui: impeccable.style. Bora testar.