Faça sua IA criar sites sem aquela cara de site feito por IA

01Pra que serve

• Fugir do visual genérico de IA: o Impeccable traz 59 regras que apontam os vícios mais comuns, sem gastar IA nem pedir chave.
• Animações que parecem profissionais: a skill principal do Emil corrige erros como usar ease-in (começa devagar) numa animação de entrada, quando o certo é ease-out (começa rápido e freia).
• Testar o pior caso com a break-ui: ela enche a sua tela com nome gigante, e-mail esquisito, nome de uma letra, número enorme e lista vazia, pra ver o que quebra.
• Revisão antes de publicar: o audit do Impeccable confere acessibilidade (se todo mundo consegue usar), desempenho e a versão pro celular.
• Funciona no assistente que você já usa: Claude Code, Cursor, Codex, Gemini CLI, GitHub Copilot e vários outros.

02O que você precisa

• Node.js instalado (o programa que roda o comando npx; baixe a versão LTS em nodejs.org)
• Um assistente de código: Claude Code, Cursor, Codex, Gemini CLI, Copilot…
• A pasta do seu site ou projeto
• Chrome, Chromium ou Edge, só se quiser escanear um site pelo endereço

03Passo a passo

1. Abra o terminal (no Windows: menu Iniciar, digite "PowerShell") e confira se o Node.js está instalado. Se der erro, instale a versão LTS em nodejs.org e abra o terminal de novo.

   Copiar

   node --version

2. Entre na pasta do seu projeto e instale o Impeccable. É o instalador recomendado pelo próprio projeto.

   Copiar

   npx impeccable install

3. Agora instale as skills do Emil (animação, break-ui e as outras), com um comando só.

   Copiar

   npx skills@latest add emilkowalski/skills

4. Abra o seu assistente de código nessa mesma pasta e rode a configuração inicial do Impeccable. Ela faz umas perguntas sobre o seu produto e guarda as respostas num arquivo (PRODUCT.md) que a IA consulta depois.

   Copiar

   /impeccable init

5. Pronto. Os comandos do Impeccable começam com /impeccable (ex.: /impeccable audit). As skills do Emil você chama pelo nome no pedido, como nos prompts abaixo.
6. De tempos em tempos, atualize o Impeccable:

   Copiar

   npx impeccable update

04Pedidos prontos pra colar no seu assistente

Use a skill review-animations para revisar todas as animações da página [NOME DA PÁGINA OU ARQUIVO].
Pra cada problema, diga em português o que está errado, por que incomoda quem usa e como fica corrigido (curva, duração e o que se move).
Corrija os 5 problemas mais graves e me mostre o antes e depois.

Use a skill break-ui na tela [NOME DA TELA, ex.: lista de clientes].
Teste com dados de pior caso: nome muito longo, nome de uma letra, e-mail incomum, número enorme, lista vazia e rótulos compridos.
Me diga em português tudo que quebrou ou ficou feio e corrija um por um.

/impeccable audit [NOME DA PÁGINA OU PASTA]
Explique o resultado em português simples: o que atrapalha quem usa leitor de tela ou só teclado, o que deixa a página lenta e o que fica ruim no celular. Ordene do mais grave pro menos grave.

/impeccable critique [NOME DA PÁGINA]
Me diga o que deixa essa página com cara de feita por IA (fontes, cores, degradês, espaçamento). Depois proponha uma identidade mais própria pra [DESCREVA SEU NEGÓCIO EM UMA FRASE] e aplique, sem usar Inter nem degradê roxo pro azul.