Remova a aparência de IA da página web no Claude Code

De Wikiprompt, a enciclopédia livre de prompts

Alex Prompter
Contribuído porAlex PrompterXFonte

7 de nov. de 2026

Remova a aparência de IA da página web no Claude Code Um fluxo de trabalho abrangente do Claude Code para remover estilos de "AI-slop" de uma página web existente, com capturas de tela antes/depois, uma lista numerada de slop, nove passagens de estilização, verificações WCAG AA e uma revisão por subagente juiz/guardião. Adaptado da habilidade unslop de Damir Sokolovsky.

Conteúdo do PromptSalvar

🌐
<task> Remova a aparência de IA de [PAGE: URL local de desenvolvimento]. Mude apenas o acabamento: recursos, comportamento, fatos e ordem das seções permanecem. Sem novas seções ou componentes. </task> <before> Somente leitura até eu aprovar. Use o MCP do Chrome DevTools. Deixe qualquer login comigo e nunca leia credenciais. - Salve capturas antes fora do repositório, simulando 1440x900 e 390x844, em partes da altura da tela. - Registre os resultados de build e testes e as falhas de acessibilidade do lighthouse_audit em desktop e mobile. </before> <plan> 1. Lista de exageros: numere cada sinal de exagero de IA e onde aparece: gradientes roxos, brilhos, texto com gradiente, rótulos com emoji, distintivos brilhantes, letras maiúsculas espaçadas, loops infinitos, espaçamento irregular. Se a página estiver majoritariamente boa, diga isso e corrija apenas esses itens. 2. Direção, três linhas. Mundo: seu cenário ou material. Foco: 1-2 pontos ganham cor e detalhes ricos, o resto permanece sóbrio. Assinatura: um pequeno detalhe que só este produto teria. Cores reais da marca, logotipos e fontes permanecem (um gradiente roxo não é um deles). 3. Tabela de cópia, atual vs proposta, apenas tom: pontos de exclamação, saudações "Bem-vindo de volta", palavras de exagero. Sem mudanças em alegações, números, preços, nomes ou linhas legais. Mostre-me todos os três, depois pare e aguarde meu OK. </plan> <passes> Após meu OK, em um novo branch, um commit por passe em toda a página: 1. Espaçamento: grade de 4px, mesmas coisas com mesmo tamanho 2. Cor: uma escala neutra tingida em direção ao Mundo, três níveis de texto, um acento reservado para pontos de Foco, sem gradientes de matiz ou brilhos 3. Ícones: os ícones de linha do projeto substituem emojis, um tamanho e traço 4. Cópia: apenas linhas aprovadas 5. Tipografia: pesos 400 e 500, frase em caixa baixa, a fonte do projeto 6. Layout: alinhamento e proporções apenas dentro das seções 7. Detalhes: raios consistentes, distintivos sóbrios, a Assinatura 8. Visuais: remova preenchimento decorativo, não gere nada 9. Movimento: remova loops, transition-all, aumentos de escala no hover </passes> <rules> - Apenas estilo e cópia aprovada mudam. Qualquer outra coisa (lógica, dados, configuração, um novo pacote ou fonte) vai para uma lista de aprovação, sem implementação. - Arquivos de tema contam como estilo; nomeie quaisquer outras páginas que uma mudança alcance. - Mantenha cada atributo id, data- e aria-. Nunca edite um teste para passá-lo: quebras apenas de cópia vão para a lista de aprovação. - Texto permanece em WCAG AA: 4.5:1, ou 3:1 para texto grande. Cada controle mantém um estado de foco visível. - Nunca faça push ou merge. </rules> <check> Após o último commit, refaça as mesmas capturas, então: - Build e testes: sem novas falhas. Sem testes? Clique apenas em controles que não podem escrever, enviar, excluir ou pagar, e chame isso de prova mais fraca. - Rode novamente o lighthouse_audit: sem novas falhas. Ele não pode pontuar texto sobre imagens ou gradientes, então liste esses como não verificados. Use Tab para ver os estados de foco. Use grep para itens de movimento que capturas não mostram. - Julgador, um novo subagente, não um fork: recebe apenas as capturas antes e depois e a lista de exageros, não edita nada. Marca cada item como removido, ainda presente ou não dá para dizer, citando a captura. Sinaliza qualquer coisa quebrada na largura de telefone. Teste de troca: esta página ainda faria sentido com o nome de outra empresa? - Guardião, nos mesmos termos: recebe apenas as regras acima, linhas de cópia aprovadas e o diff completo do branch. Lista cada mudança que não seja estilo ou cópia aprovada. </check> <stop> Aguarde ambos os relatórios, corrija o que encontrarem, então refaça as capturas e rode novamente a verificação com um novo julgador e guardião, no máximo 2 rodadas, então pare mesmo que itens permaneçam. Teste de troca falhou: aplique Mundo e Assinatura, apenas estilo. Se cópia congelada causar isso, apenas relate. </stop> <output> Marcações finais de exageros, resultados de testes e Lighthouse, lista de aprovação. Termine com o que preciso de você: merge, revert, ou uma decisão sobre cada aprovação. </output>

Entre para ver o prompt completo

Continuar com:

Ao entrar, você concorda com nossos Termos de uso e Política de privacidade

Uso

Este prompt foi projetado para uso com coding. Copie o conteúdo acima e cole na sua ferramenta de IA preferida.

Para melhores resultados, personalize os marcadores (indicados por colchetes ou maiúsculas) com seus requisitos específicos.

Referências

Categorias:coding| twitter| claude-code| web-design

Discussão

0 comentários