• Módulo 13: Segurança em site feito com IA

    Use a IA para auditar o código do seu site, corrigir as falhas e aplicar as proteções que um plugin de segurança faria no WordPress.

    • Passo 1
      +
      • A IA entrega um site que funciona e fica bonito, mas nem sempre seguro. Ela resolve o que você pediu e raramente pensa em quem vai tentar atacar o site.
      • Chave de API escrita direto no código, visível para qualquer pessoa que abrir o código-fonte.
      • Formulário sem proteção contra robôs, que vira porta de entrada para spam e ataques.
      • Arquivos de configuração e backups que podem ser abertos pelo navegador.
      • Falta dos cabeçalhos de segurança, que impedem o site de ser copiado dentro de outro site ou de rodar scripts de terceiros.
      • Login ou painel sem limite de tentativas, aberto para robôs testarem senhas.
      • Por isso a auditoria entra antes de publicar o site e de novo sempre que você fizer uma mudança grande no código.

    • Passo 2
      +
      • Você tem duas formas de usar a auditoria: como skill no Claude ou como prompt no ChatGPT, no Gemini ou em outra IA. Baixe a versão da IA que você usa.
      • Baixar a skill de auditoriaArquivo .zip para instalar no Claude
      • Baixar o prompt de auditoriaArquivo .md para ChatGPT, Gemini e outras IAs
      • Instalar a skill no Claude
        +
        • Abra as Configurações do Claude e entre na área de Skills (em Capacidades).
        • Deixe ativada a execução de código e criação de arquivos, que as skills precisam para funcionar.
        • Clique para enviar uma skill e selecione o arquivo .zip, sem descompactar.
        • Pronto. Quando você pedir uma auditoria de segurança, o Claude usa a skill sozinho.
      • Usar como prompt no ChatGPT ou no Gemini
        +
        • Abra o arquivo .md em qualquer editor de texto e copie todo o conteúdo.
        • Cole no início da conversa, antes de enviar os arquivos do site.
        • Para não precisar colar toda vez, coloque o texto nas instruções de um Projeto, de um GPT personalizado ou de um Gem.
    • Passo 3
      +
      • Com a skill instalada ou o prompt colado, é hora de enviar o site para análise. A IA vai pedir o contexto antes de começar: responda com calma, porque é isso que torna a auditoria precisa.
      • Envie os arquivos do site: HTML, CSS, JavaScript e, se tiver, PHP e o arquivo .htaccess.
      • Conte onde o site está hospedado e se ele tem formulário, login, painel ou integração com outros serviços.
      • Prompt: rodar a auditoria
        +
        • Prompt: rodar a auditoria
          Use a skill de auditoria de segurança e rode uma auditoria completa no meu site.

          Contexto do site:
          - Hospedagem: [ex.: Hostinger]
          - Tipo: [site só em HTML / sistema com PHP e banco de dados / blocos HTML no Elementor]
          - Tem formulário? [sim/não]
          - Tem login, área de membros ou painel? [sim/não]
          - Integrações: [ex.: WhatsApp, e-mail, pagamento, API de IA]

          Vou enviar os arquivos do site a seguir. Troquei senhas e chaves por XXXX.
      • Nunca cole senhas, chaves de API reais ou dados de clientes na conversa. Troque tudo por XXXX antes de enviar. A IA não precisa dos valores reais para encontrar a falha.

    • Passo 4
      +
      • A IA devolve um relatório visual, com cores por gravidade, tabelas, passo a passo e checklist. Saber ler cada parte ajuda você a decidir o que corrigir primeiro.
      • Resumo: o estado geral do site em poucas linhas.
      • Vulnerabilidades: cada falha com gravidade (crítico, alto, médio ou baixo), onde está no código e como alguém poderia explorar.
      • O que já está correto: as áreas que passaram na análise.
      • Nota de 0 a 10 e os cinco próximos passos, em ordem de prioridade.
      • Cores das falhas: 🔴 crítico, 🟠 alto, 🟡 médio e 🟢 baixo.
      • No final, a IA oferece um relatório em HTML, com painel e checklist clicável, para você guardar ou mandar para o cliente.
      • Comece sempre pelos itens críticos e altos. Os de gravidade baixa podem esperar a próxima rodada de ajustes.

    • Passo 5
      +
      • Agora você pede para a IA corrigir o que encontrou, uma falha de cada vez.
      • Faça um backup do site antes de trocar qualquer arquivo.
      • Peça sempre o arquivo completo corrigido, em vez de trechos soltos. Fica mais fácil substituir sem errar.
      • Depois de cada correção, teste o site no computador e no celular: formulário, menu, botões e páginas.
      • Prompt: corrigir uma falha
        +
        • Prompt: corrigir uma falha
          Agora corrija a vulnerabilidade [cole aqui o nome da falha do relatório].

          Me entregue o arquivo completo já corrigido, sem mudar o visual nem o funcionamento do site. Comente no código o que cada trecho novo protege e me diga o que devo testar depois de publicar.
      • Com tudo corrigido, rode a auditoria de novo para confirmar que a nota subiu.
    • Passo 6
      +
      • No WordPress, o Wordfence cuida do firewall, do login e da varredura de vírus. No site feito com IA não existe plugin, então essas proteções se dividem: uma parte a IA escreve no código e a outra fica com a hospedagem e o Cloudflare.
      • O que a IA consegue colocar no código
        +
        • Arquivo .htaccess com https obrigatório, cabeçalhos de segurança e bloqueio de arquivos sensíveis.
        • Formulário protegido com campo invisível contra robôs, limite de envios e captcha.
        • Login com limite de tentativas e bloqueio temporário do IP, como o Wordfence faz.
        • Verificação em duas etapas no painel, com código do app autenticador.
        • Mensagens de erro que não revelam se o usuário existe.
      • O que fica com a hospedagem e o Cloudflare
        +
        • Firewall com lista de ataques atualizada todos os dias: o Cloudflare gratuito cumpre esse papel.
        • Bloqueio de IPs perigosos conhecidos e proteção contra ataques de sobrecarga (DDoS).
        • Varredura de vírus nos arquivos do servidor: ative o scanner de malware no painel da Hostinger.
        • Backups automáticos: confira no painel da Hostinger se estão ativos.
      • Prompt: proteções do Wordfence no site feito com IA
        +
        • Prompt: proteções do Wordfence no site feito com IA
          Meu site foi criado com IA e está hospedado na [Hostinger]. Ele não é WordPress, então não uso plugin de segurança. Quero que você aplique no código as proteções que um plugin como o Wordfence faria, dentro do que é possível sem plugin.

          1. Analise os arquivos que vou enviar e me diga quais proteções se aplicam ao meu site (formulário, login, painel, integrações).

          2. Crie ou ajuste o arquivo .htaccess com: redirecionamento para https, cabeçalhos de segurança (Content-Security-Policy, Strict-Transport-Security, X-Frame-Options, X-Content-Type-Options, Referrer-Policy e Permissions-Policy), bloqueio da listagem de pastas e bloqueio de acesso a arquivos sensíveis (.env, .git, backups, logs e configurações). Libere na Content-Security-Policy os recursos que o site já usa (fontes, scripts, vídeos, mapas) para nada quebrar.

          3. Se houver formulário: validação no servidor, campo honeypot, limite de envios por IP e captcha (Cloudflare Turnstile ou Google reCAPTCHA).

          4. Se houver login ou painel: limite de tentativas com bloqueio temporário por IP, mensagem de erro que não revela se o usuário existe, senhas com password_hash, sessão segura e verificação em duas etapas para administradores.

          5. Me diga o que NÃO dá para resolver só com código (como firewall com lista de ameaças atualizada e varredura de malware) e o que devo ativar na hospedagem ou no Cloudflare.

          Me entregue os arquivos completos e corrigidos, com comentários explicando o que cada trecho protege, e uma lista do que testar depois de publicar.
      • A IA escreve as proteções, mas não fica vigiando o site depois que ele vai para o ar. Quem monitora no dia a dia é a hospedagem e o Cloudflare. Por isso, rode a auditoria de novo sempre que mudar o site.

    • Passo 7
      +
      • Skill instalada no Claude ou prompt salvo na IA que você usa.
      • Auditoria completa feita com os arquivos do site.
      • Falhas críticas e altas corrigidas e o site testado depois.
      • Arquivo .htaccess de segurança e proteção do formulário aplicados.
      • Cloudflare, scanner de malware e backups ativos na hospedagem.
      • Auditoria rodada de novo para confirmar a nota.
    • Materiais da aula
      +
      • Materiais da aula

        • Salvar este mapa mental
        • Baixar a skill de auditoria (Claude)
        • Baixar o prompt de auditoria (ChatGPT e Gemini)
        • Kit Web Designer
        • Canal e site Descomplicando Sites
        Contratar a Hostinger com descontoCupom DESCOMPLICANDO15 para 15% OFF