GPT-5 vs Claude code: quem gera melhor uma aplicação com Tailwind?
Exploramos como inteligência artificial se comporta ao gerar um projeto completo com React, Vite, TypeScript e Tailwind.
Por que isso é importante
O uso de ferramentas com inteligência artificial para geração de código está se tornando cada vez mais comum. Entender suas limitações e pontos fortes na prática pode poupar horas de retrabalho e frustração.
Contextualizando o Cenário
Neste teste comparativo, usamos o mesmo prompt para duas ferramentas distintas: o GPT-5 via Cursor e o Claude code no VS Code. O objetivo era criar uma aplicação web de finanças pessoais utilizando a stack Vite, React, TypeScript e Tailwind CSS.
Configurando o Ambiente
Primeiros Resultados e Erros Comuns
A primeira barreira enfrentada por ambos foi a configuração do Tailwind CSS. Apesar de iniciarem o processo corretamente, ambos geraram erros ao usar versões incompatíveis da biblioteca.
⚠️Atenção
É comum a geração automática usar a versão mais recente do Tailwind, o que pode gerar incompatibilidades com o Vite. Sempre especifique que deseja usar a versão estável: Tailwind 3.4.
Após instruirmos ambos os sistemas a usar especificamente a versão estável do Tailwind, o GPT-5 ainda exigiu alguns ajustes manuais enquanto o Claude code já havia parcialmente corrigido o problema antes.
Rodando o Projeto
Com os ambientes prontos e dependências instaladas, rodamos os comandos npm run dev manualmente. Ambos apresentaram pequenas falhas que foram resolvidas com correção dos caminhos de pasta e algumas dependências mal referenciadas.
❌Erro Comum
O Claude code, em alguns momentos, tenta executar scripts na raiz errada do projeto. É necessário garantir que você esteja dentro da pasta correta ao rodar os comandos.
Comparação Lado a Lado
GPT-5 com Cursor
Utilizado diretamente no editor Cursor
Prós
- Design escuro aplicado automaticamente
- Código gerado limpo e coeso
- Menos necessidade de intervenção manual
Contras
- Demora um pouco mais para processar
- Erros com Tailwind exigem mais explicação
Claude code com VS Code
Extensão integrada no VS Code
Prós
- Geração inicial mais rápida
- Corrige parte dos erros sozinho
- Feedback visual com tarefas marcadas
Contras
- Erro persistente na execução de comandos internos
- Estilo visual menos intuitivo para o usuário
Experiência de Usuário Criada
Após finalizarmos os ajustes, foi possível avaliar as aplicações geradas. Ambas traziam um CRUD funcional para organização de receitas e despesas. A aplicação criada com o Claude code demonstrou uma divisão mais clara entre categorias e uma navegação mais prática.
ℹ️Dica
Mesmo com prompts genéricos, o GPT-5 tende a gerar UIs no estilo dark mode. Caso deseje um visual diferente, especifique isso diretamente no comando.
Ferramentas Utilizadas
Conclusão
O uso de inteligência artificial para gerar aplicações completas está cada vez mais próximo da realidade produtiva. Tanto o GPT-5 quanto o Claude code entregaram resultados funcionais, cada um com desafios próprios. A preferência entre os dois vai depender do seu fluxo de trabalho: se busca design e menor intervenção, o Cursor é mais robusto; para geração rápida e integração no VS Code, o Claude code cumpre bem.