Antes de publicar: a auditoria que eu peço ao Claude Code em toda página
Três telas, uma lista fixa de conferência, relatório antes do conserto e revisão no site publicado. A auditoria que pega o erro que a IA deixa passar.
- Carrossel
- 24 de out de 2026
- 3 min de leitura
Criar uma página com IA ficou rápido. O Claude Code monta seções, ajusta estilos e publica em pouco tempo. O que não ficou mais rápido é perceber o erro que ninguém pediu para conferir: o título que quebra em três linhas no tablet, a rolagem de lado no celular, dois botões principais na mesma tela, um texto provisório que ficou esquecido.
Esses erros não aparecem no tamanho de tela em que você trabalha. Aparecem no tamanho que você não abriu. Por isso, antes de publicar qualquer página, eu peço uma auditoria. São quatro passos.
1. Três telas, sempre
Toda página é conferida em três larguras: cerca de 390 pixels, que é o celular, 768, que é o tablet, e 1440, que é o desktop. Não é preciso testar todos os aparelhos do mundo. Esses três tamanhos pegam os erros mais comuns.
O desktop costuma ser onde você desenha, então é onde menos erros escapam. O tablet é o tamanho mais esquecido: grades de três colunas ficam apertadas, títulos ganham uma linha a mais e cards ficam com alturas diferentes. O celular é onde texto longo vira parede e botão sai da tela.
2. Uma lista fixa de conferência
A auditoria só funciona se a lista é sempre a mesma. Eu escrevo uma vez, nas instruções do projeto, e peço a mesma conferência em toda página:
- Nenhuma rolagem horizontal.
- O título principal em até duas linhas, em todas as telas.
- Um único botão principal visível por tela.
- Contraste suficiente em todo texto, principalmente cinza sobre fundo médio.
- Nenhum texto provisório, colchete ou lorem ipsum.
- Nenhum bloco de texto com mais de três linhas no celular.
Com a lista escrita, o Claude Code consegue abrir a página num navegador, medir e apontar onde cada item falha. Sem ela, a resposta tende a ser um elogio genérico ao próprio trabalho.
Libere o resto da matéria
Você também recebe por e-mail o link desta matéria e a aula grátis do Conversão Visual.
3. Peça o relatório, não o conserto
O pedido que eu faço é: audite e me dê a lista de problemas. Não peço para corrigir tudo de uma vez.
O motivo é controle. Quando a IA corrige sem mostrar, ela pode resolver um problema e criar outro, ou mudar uma decisão de design que estava certa. Com a lista na mão, eu decido o que corrigir, o que é intencional e o que precisa de uma solução diferente. Depois peço as correções uma a uma e rodo a auditoria de novo.
4. Confira no site publicado
O último passo é olhar a página no ar, não só no ambiente local. Algumas coisas mudam no caminho até produção: o cache que mantém uma imagem antiga, uma fonte que não carregou, um efeito de desfoque que o minificador removeu porque a ordem das declarações estava errada.
Abra o endereço publicado num celular de verdade e repita a lista. Leva alguns minutos e evita descobrir o problema pelo cliente.
A IA executa, o critério é seu
A auditoria não substitui o olhar de quem desenhou. Ela garante que o básico nunca escape, para que a sua revisão foque no que importa: se a página comunica a oferta, se a hierarquia está clara, se o botão chama para a ação certa.
É esse o método que eu ensino no Conversão Visual: decidir o design antes, passar cada decisão como regra para a IA executar e conferir com critério antes de publicar. A aula grátis mostra o processo completo, do Figma até a página no ar.
