Como uso IA pra entregar projetos web mais rápido
IA não substitui dev. Substitui tarefas
Toda vez que alguém fala de IA no desenvolvimento web, a conversa vira “vai substituir programador?”. Essa pergunta está errada. IA não substitui o profissional. Substitui tarefas repetitivas que o profissional fazia manualmente.
Escrever boilerplate, montar estrutura de componentes, gerar copy inicial, revisar meta tags, criar FAQ schema. Tudo isso consumia tempo que não exigia criatividade. Agora leva minutos.
Uso IA em todo projeto que entrego. Não porque não sei fazer sem ela, mas porque fazer sem ela é mais lento. E tempo é o recurso mais escasso de quem trabalha sozinho.
Meu workflow: Claude gera spec, Claude Code constrói
O fluxo que uso em todos os projetos tem duas etapas com IA:
Etapa 1: Gerar o spec (Claude)
Antes de escrever uma linha de código, defino toda a estrutura do site num arquivo .md. Esse arquivo tem: seções, copy de cada bloco, paleta de cores, tipografia, stack, metas de performance e regras de SEO.
Uso Claude pra gerar esse spec a partir de um briefing curto. Descrevo o cliente, o público, o objetivo do site, e Claude devolve um documento estruturado que serve como blueprint pro desenvolvimento.
Não aceito o output cru. Reviso tudo, ajusto a copy, valido a estratégia. A IA acelera a criação do documento, mas a decisão final é minha.
Etapa 2: Construir (Claude Code)
Com o spec pronto, uso Claude Code pra gerar o código. Claude Code lê o arquivo .md e constrói os componentes em Astro seguindo as especificações.
O resultado não é perfeito de primeira. Precisa de ajustes no CSS, refinamento de responsividade, otimização de imagens. Mas a estrutura base sai pronta em horas, não em dias.
No Family Pilates, esse fluxo reduziu o tempo de desenvolvimento de 3 semanas estimadas pra 10 dias. A economia não foi só de tempo, foi de energia mental. Não precisei pensar na estrutura do zero. Parti de uma base sólida e refinei.
Claude vs ChatGPT vs Gemini: onde cada um funciona
Uso as três ferramentas. Cada uma tem pontos fortes diferentes e saber quando usar qual faz diferença na qualidade do output.
| Ferramenta | Onde uso | Ponto forte |
|---|---|---|
| Claude | Specs, copy, auditoria SEO, revisão de texto | Contexto longo, segue instruções complexas, output consistente |
| Claude Code | Geração de código, construção de componentes | Executa direto no terminal, lê arquivos do projeto |
| ChatGPT | Brainstorming, pesquisa rápida, ideação | Bom pra explorar possibilidades, respostas variadas |
| Gemini | Análise de documentos longos, pesquisa | Janela de contexto grande, integração com Google |
Pra código, Claude Code é a escolha principal. Ele roda no terminal, lê os arquivos do projeto e gera código que encaixa no contexto real. ChatGPT gera código genérico que funciona em exemplos isolados, mas que precisa de adaptação pesada quando você tenta integrar num projeto existente.
Pra copy e revisão de texto, Claude é melhor. Segue instruções longas sem perder o fio. Consigo passar um skill inteiro de vendas com 15 livros sintetizados e ele aplica os conceitos na copy do site.
ChatGPT funciona bem pra brainstorming. Quando preciso de ideias pra estrutura de seções, nomes de categorias ou ângulos pra FAQ, ele traz variedade. Não uso o output direto, mas uso como ponto de partida.
Gemini serve pra quando preciso analisar documentos grandes ou pesquisar informações específicas com contexto extenso. A janela de contexto maior ajuda em tarefas de pesquisa.
Skills customizadas: como fiz a IA trabalhar do meu jeito
A parte mais útil de trabalhar com Claude e Claude Code é a possibilidade de criar skills customizadas. Skills são instruções persistentes que a IA segue em todas as interações.
Criei três skills que uso em todo projeto:
Sales Copilot v3: sintetiza 15 livros de vendas (SPIN Selling, Objeções do Jeb Blount, A Máquina Definitiva de Vendas, entre outros) numa framework prática. Uso pra auditar copy de landing pages, estruturar FAQs que quebram objeções e revisar textos de prospecção.
Humanizer: remove sinais de escrita por IA. Linguagem promocional, travessões em excesso, vocabulário típico de chatbot, paralelismos negativos. Todo texto que produzo com IA passa por esse filtro antes de ir pro site.
Blog: guia completo pra criação de posts pro meu blog. Frontmatter PT/EN, limites de SEO, regras de escrita, FAQ schema. Quando preciso criar um post, a IA já sabe a estrutura, os limites de caracteres e o tom que uso.
Essas skills são o que transforma a IA de ferramenta genérica em assistente especializado. Sem elas, cada interação começa do zero. Com elas, a IA já entende meu contexto, meu processo e meus padrões de qualidade.
O que IA faz bem (e o que faz mal)
Faz bem:
- Gerar estrutura e boilerplate (HTML, CSS, componentes Astro)
- Escrever primeira versão de copy (que precisa de revisão humana)
- Auditar SEO técnico (meta tags, schema, heading hierarchy)
- Criar FAQ schemas a partir de conteúdo existente
- Refatorar código repetitivo
- Gerar variantes de texto (título, excerpt, alt text)
Faz mal:
- Decisões de design (escolhe o seguro, nunca o interessante)
- Arquitetura de sistema complexo (funciona pra CRUD, falha pra lógica de negócio não trivial)
- Copy final (sempre precisa de revisão, o tom nunca é 100% natural)
- Estimativa de prazo (não tem noção de complexidade real)
- Teste de usuário (não substitui feedback de gente real)
O erro mais comum é confiar demais no output da IA. Ela gera rápido, mas gera confiante. Mesmo quando está errada, o texto parece certo. Isso é perigoso se você não tem experiência pra validar.
Impacto real nos projetos
Antes de usar IA no workflow, meu ciclo médio de projeto era 3-4 semanas. Hoje é 10-14 dias. A diferença não é só velocidade. É que consigo dedicar mais tempo pras decisões que importam (estratégia, copy final, performance) e menos tempo com tarefas mecânicas.
No Soline, usei Claude pra gerar o spec completo do site, incluindo copy de todas as seções, e Claude Code pra construir os componentes. O tempo total de desenvolvimento foi 8 dias. Sem IA, seria pelo menos o dobro.
No GPM2, usei a skill de vendas pra auditar toda a copy da landing page. Encontrei 12 pontos onde o texto era genérico demais ou não atacava a dor certa do público. Reescrevi com base nas técnicas de SPIN Selling aplicadas pela IA.
Como começar a usar IA no seu workflow
Não precisa adotar tudo de uma vez. Comece por onde dói mais:
- Você gasta mais de 1 hora montando estrutura de projeto? Use IA pra gerar o spec
- Você escreve copy do zero toda vez? Use IA pra gerar primeira versão
- Você esquece de configurar meta tags e schema? Use IA pra auditar SEO
- Você repete o mesmo boilerplate em todo projeto? Crie uma skill customizada
- Você revisa textos sem critério definido? Use o humanizer como checklist
A IA não transforma dev ruim em dev bom. Transforma dev bom em dev que entrega mais rápido. Se você não sabe validar o output, a IA só vai te ajudar a errar mais rápido.