Testando o GPT-5 com Nuxt e Tailwind
Veja como o GPT-5 se sai ao criar um sistema completo de agendamento com Nuxt, Tailwind e componentização extrema.
Por que isso é importante
Testar modelos de linguagem como o GPT-5 em ambientes reais de programação permite entender seus limites e potencial de aceleração no desenvolvimento de produtos com frameworks modernos como Nuxt 4.
Primeiras Impressões com GPT-5
A interface do GPT-5 oferece novidades visuais e funcionais. Os modelos anteriores foram descontinuados e a promessa agora é maior precisão, velocidade e capacidade para entender tarefas complexas como programação em tempo real – tudo diretamente na interface de chat.
Vamos Criar com Nuxt 4 + Tailwind
npm create nuxt@latest . e seguir os prompts.Componentização Extrema: Mantendo o Controle
Um dos pilares do método do Acelerador é separar tudo em componentes reutilizáveis. Isso evita que a IA perca o controle das alterações e gera uma estrutura confiável e escalável durante o desenvolvimento com auxílio do GPT-5.
⚠️Atenção
Enviar prompts muito grandes pode levar a implementações fora do planejado. Prefira iteração guiada e incremental para manter a previsibilidade.
Instruções para Montar o Agendamento
O prompt enviado foi direto: montar uma agenda semelhante ao Google Agenda, com dias da semana no topo, grid de horários, cards informativos por slot, setas para navegar entre semanas e uma régua lateral com os horários.
ℹ️Dica
Use tailwind para alinhar grids e espaçamentos com precisão, controlando margens manualmente quando necessário nas camadas de layout.
Organização dos Componentes
WikiHeader
Responsável por exibir os dias da semana com setas para navegação
ScheduleGrid
Renderiza o grid de horários e slots de agendamento
ScheduleItemCard
Representa visualmente cada agendamento com nome, hora inicial/final e descrição
Corrigindo Equívocos da IA
A primeira renderização apresentou desalinhamento entre colunas e horários. Corrigimos isso solicitando realinhamento usando imagens como referência visual para que o GPT-5 entendesse a estrutura esperada.
❌Cuidado com os Detalhes
Pequenas omissões nos prompts (como não dizer que a imagem é um erro) podem levar o modelo a interpretar de forma equivocada. Seja explícito sobre o que precisa ser ajustado.
Testes Finais e Ajustes Visuais
Por fim, pedimos ajustes espaciais simples para evitar que componentes ficassem colados visualmente. Isso mostra que a IA também pode cuidar de refinamentos estéticos, além da lógica de funcionamento.
Conclusão: Vale a Pena Usar o GPT-5?
A evolução do GPT-5 na geração de código é clara, mas não elimina a necessidade de supervisionar e manter boas práticas. Com prompts bem definidos e um processo de desenvolvimento baseado em componentes, ganha-se produtividade sem abrir mão do controle.