GPT-5 no ChatGPT: teste real de programação — guia prático
Interface nova, modelos antigos sumindo e claim de 'melhor em programação'. Como testar GPT-5 de verdade no seu fluxo de código. — guia prático
Resposta direta
Não aceite o selo de 'melhor em programação' sem prova: rode tarefas suas na interface nova e compare correção e velocidade. Beleza aqui do lado você observa no copilot que já existe o modelo GPT-5 aqui ó preview eu vou selecionar eu vou utilizar só esse aqui para ver como que ele vai performar vou colocar aqui o terminal e eu vou fazer.
O que mudou na interface do ChatGPT
Olha só, você entra aqui no chat GPT, você já observa uma interface diferente, um fundo diferente, os modelos antigos nem estão disponíveis mais, e esse modelo aqui diz que ele é o melhor, já fizeram e tal, mais inteligente, rápido, útil, e ele também é bom em programação, e é justamente isso que a gente vai testar aqui. Códigos aqui dentro mesmo do GPT, do chat, né? Se eu clicar aqui pra abrir a lousa e clicar em executar código, ele vai executar deveria, né?
A nossa ideia aqui é testar a capacidade de geração de código desse modelo utilizando uma IDE. Então, eu vou tentar desenvolver com ele um sistema de agendamento bem simples, como esse daqui que você vê na tua tela, onde no lado superior eu tenho uma lista de dias da semana, eu tenho aqui os slots de agendamentos, e, bom, é isso daqui, sem muita enrolação. Se você é aluno lá do acelerador SAS, Você deve saber que o nosso método de desenvolvimento é sempre utilizando a componentização extrema.
Claims de marketing vs prova no editor
Ou seja, nós componentizamos todo o projeto, a gente cria os componentes, a gente dita as regras do jogo e a inteligência só executa para nós o código. Ou ela faz, ou ela diz que faz, mas você viu que ela não fez, ou ela faz e mexe em outra coisa, estraga e tal, você perdeu o controle. Para esse caso específico aqui, eu vou permitir que a inteligência trabalhe um pouco mais, eu vou interferir menos no trabalho dela, porque.
A ideia do vídeo é justamente testar para ver se esse modelo realmente é bom ali na questão de geração de código, raciocínio, etc. Eu vou abrir aqui o VS Code, eu vou clicar lá em Open Folder, VS Code e aqui está o agendamento. Beleza aqui do lado você observa no copilot que já existe o modelo GPT-5 aqui ó preview eu vou selecionar eu vou utilizar só esse aqui para ver como que ele vai performar vou colocar aqui o terminal e eu vou fazer duas instalações manualmente primeiro vai ser o Nuxt e depois o Tailwind vou instalar manualmente não vou pedir para ir a instalar para mim porque assim eu tenho mais controle se você se você tá lá no acelerador sas e tem dificuldade com a instalação aqui vou te ensinar fazer de forma manual bem simples tá para instalar o next npm create next arroba latest espaço.
Na prática
Não aceite o selo de 'melhor em programação' sem prova: rode tarefas suas na interface nova e compare correção e velocidade.
Roteiro de teste de programação
Esse ponto indica que eu vou criar vou instalar o framework na pasta na qual eu estou Israel, não sei o comando, acessa o site do Nuxt.com, clica aqui, copia aqui, e cola aqui, beleza? Vai começar a instalar a dependência, vai demorar uns 2, 3 minutos, vou pausar o vídeo enquanto isso. Vou pedir para ele fazer o seguinte já o GPT-5 estou usando o Nuxt 4 e o Tailwind no Nuxt 4 tudo fica dentro da pasta app então crie uma a pasta pages coloque nela o index e coloque qualquer coisa para eu testar o Tailwind depois arrume o app.view para rotear rotear com o next page então o que que eu mandei ele fazer aqui ó ele vai criar aqui dentro da pasta app a pasta pages para você que está lá dentro do acelerador sá você já sabe que dentro da pasta pages é onde ficam todas as páginas da aplicação e também você sabe que o componente app.view é a porta de entrada da aplicação então o usuário acessou na url ele vai executar isso daqui colocou o next page aqui vai renderizar o conteúdo que está dentro do index, que é a página inicial.
Se você está vendo esse layout utilizado, o Tailwind CSS está funcionando corretamente no seu projeto Nuxt 4. Aqui em Nuxt Config, eu só vou deletar, vou tirar aqui o DevTools, vou botar falso. Para não ficar aparecendo aquele negócio aqui do lado beleza bom que que eu vou fazer agora componentizado eu vou pedir para ele criar eu vou mandar na verdade essa essa imagem para ele aqui vou explicar o que eu quero então vou selecionar aqui ó ó vou selecionar o dar um print E mandar.
Falhas típicas mesmo em modelo novo
No corpo crie um componente grid para armazenar armazenar os agendamentos cria um componente slot para representar cada agendamento com hora de início e fim que mais nome e descrição do agendamento no lado esquerdo Quero uma régua com os horários das 8 da manhã até as. Ok, então eu dei uma instrução para ele, não é um prompt gigantesco, é uma instrução muito bem clara, tá? Então eu falei para ele criar um componente para armazenar os dias da semana, crie o componente de slot, crie um grid e assim por diante, tá?
É claro que quando a gente faz de forma componentizada eu não dou todas essas instruções eu vou manda ele fazer um texto manda fazer outro texto e assim por diante mas como a nossa ideia aqui é justamente testar a capacidade do modelo de geração de código etc a gente vai meio que mandar e fazer as coisas e vamos interferir o menos possível tá então olha o que ele fez ele criou uma pasta chamada componentes dentro dessa pasta colocou uma outra pasta chamada schedule tá ele criou uma pasta chamada composables onde ele vai colocar aqui a lógica de agendamento as ações né ele vai continuar executando aqui bom enquanto ele vai criando aqui eu vou pausar o vídeo a hora que ele terminar o trabalho eu volto aqui para gente analisar pausar Ok pessoal então ele fez aqui ó ele executou bastante coisa ele criou os componentes o wikiheader colocou aqui dentro da pasta schedule ele criou o componente schedule item card schedule grid depois colocou lá dentro tudo dentro do index né vou clicar para aceitar as alterações eu ainda não verifiquei só que eu estou já observando um erro aqui então eu vou pegar esse erro aqui vou clicar em copy message vou passar para ele tem um erro no componente esse aqui é o schedule e é um erro de importação possivelmente ele esqueceu de importar o arquivo ou colocar o nome da pasta corretamente eu vou esperar ele resolver esse problema aqui daí eu vou já exibir para ver como é que tá ficando a aplicação vou clicar aqui no terminal que dá um npm deixa eu dar um control c aqui para encerrar por tá arrumando aqui pronto ele já resolveu o problema então vou dar um npm run dev ele vai abrir lá na porta 3000 mais uma vez deixa eu voltar aqui localhost 3000 beleza então ele criou aqui o nosso sistema de agendamento né só que não tá da forma que eu queria veja bem aqui em cima eu tenho os dias da semana tá ó posso avançar hoje eu clico aqui ele vai mudando aqui eu tenho o os dias da semana também né e aqui o grid, está ficando mais ou menos, mais ou menos, então eu vou pedir para ele arrumar, eu vou enviar um print para que ele consiga entender o que está errado aqui, ok, está mais ou menos, veja na imagem que os dias da semana, não estão alinhados com o grid eu quero que fique alinhado segunda-feira em cima e abaixo os horários de segunda-feira e assim por diante como no google agenda arrume essa Y, beleza então mandei novamente ele fazer isso aqui, ele arrumar, esse aqui é o problema quando você envia um prompt gigantesco para IA para ela ir fazendo do jeito dela, ela vai fazer do jeito dela não do teu jeito e aí na hora de começar a pedir solicitações ajustes vai começar a ver uma salada imagina agora um negócio gigantesco desse é em produção com vários recursos perde o controle total tá mas como a nossa ideia aqui é testar mesmo o modelo a capacidade dele a gente vai mandar ver e ok mas ele entendeu mais ou menos aqui a lógica isso aqui foi o máximo que ele e até agora. Beleza, então ele consertou, aqui temos domingo, primeiro, domingo, segunda, aqui ele conseguiu ajustar, eu clico aqui no hoje, ele me traz para hoje, sexta-feira, dia 8, aqui o Training Kids BJJ, aula introdutória das 10 às 11, então está certinho o horário aqui, tá? Isso daqui ele avança ele avança a semana e o que tem que fazer aqui é o seguinte ó repare que aqui ok tá certinho porém a parte do grid aqui ó ela não está alinhada tá botão direito inspecionar vamos pegar lá o o viu de s vamos clicar aqui e aqui nós temos clica lá aqui ó clica aqui aqui nós temos um cadê o componente e aqui então esse aqui é o esquerdo ou grid o esquerdo ou grid ele tem uma margem né tá colocando ele mais mais para dentro mais para dentro os quedou esquerdo weekheader não tem margem ó então vou pedir para ele fazer esse ajuste vou enviar para ele o print só para entender beleza ótimo mas veja que o header o componente header não tem margens laterais e o schedule tem isso está criando isso está criando um deslocamento arrume isso aí veja na imagem o erro tem que ser bem claro quando se envia uma imagem para ele que essa imagem é imagem do erro porque se envia apenas a imagem ele vai entender que você quer que seja feito como está na imagem o que não é o caso aqui bom vamos deixar ele trabalhar nesse schedule grid Tem três componentes apenas, o Schedule Grid, o Wiki Header.
Como decidir se vira default no time
Ok, eu posso ir lá diretamente no código e colocar o espaçamento ali no Tailwind. Perfeito agora dentro da página o componente schedule wiki está grudado no wiki header quero um espaçamento simples na vertical ali Só para não ficar grudado. Ele vai procurar ele pode colocar um espaçamento na parte inferior desse cara aqui ou pode direto na página e também colocar o espaçamento nos dois ele foi direto no índice votar ele foi lá no índex e colocou um espaçamento aqui ó ele colocou dois está dois rennes fala então fez exatamente o que eu pedi botou espaçamento zinho aqui outro pequeno detalhe é o horário tá vou pedir para ele colocar o placeholder do horário um pouco abaixo da linha vou mostrar isso aqui para ele, tirar o print para ele entender o erro, ótimo agora veja na imagem que o horário não está aparecendo corretamente na régua então coloque o label da hora um pouco abaixo do traço beleza então ele vai entender isso aqui é no schedule grid né aqui ó eu quero que ele coloque esse horário um pouquinho para baixo tá embora ele tenha criado dois componentes aqui ó ele criou dois componentes tá eu já acho muito pouco, o ideal aqui era ter bem mais componentes para a gente controlar mais mas está dando certo, beleza?
Está dando certo então a régua de horários já está bem interessante e aqui em cima também bom, essa parte aqui eu vou pedir para ele melhorar bom Não, está certo aqui, né? Até dia, Beleza, então ele vai trabalhar nesse pequeno texto aqui e aí a gente vai trabalhar no agendamento, criar o agendamento depois. Já fez inclusive, está indo bem rápido, GPT-5, estou gostando pelo que estou vendo aqui.
Sinais de que está funcionando
E na ponta direita na mesma linha do texto da semana coloque um botão de adicionar agendamento sem ação ainda mandei ele criar um botão aqui tá eu poderia criar esse componente um componente botão para colocar ali esse é o ideal que é um componente importo componente aqui ele vai colocar direto o botão tá Porque como é um negócio mais simples, como não é um botão reutilizável, coloca direto. Vou mandar ele fazer commit, esse commit é para salvar o projeto, para a gente não perder caso ele faça alguma besteira, a gente faz um checkout e volta onde parou, né? Vou clicar em continuar continuar beleza ele criou o comitê aqui se der um problema de volta nesse ponto tá Perfeito.
Beleza, então eu mandei ele criar um componente agora, um componente modal, que vai abrir para a gente fazer o agendamento. Eu nem testei para ver se deu certo, como é que é para eu salvar o negócio, se nem sei se deu certo. E esse componente ele é chamado quando nós clicamos aqui no schedule grid existe um botão né aqui no template ó aliás no header wikiheader existe o template ó tem o botão e quando clica no botão adicionar agendamento ele emite um evento chamado add esse evento ele emite para o pai dele quem que é o pai dele é a página index tá então a página index é é que vai fazer o modal aparecer esse é o fluxo de trabalho vamos ver como é que ficou isso aqui eu vou clicar no agendar beleza achei bem interessante que ele fez aqui é teste vamos teste agendamento a data 8 de agosto hoje mesmo das 8 às 9 vou deixar assim mesmo beleza pessoal ficou muito bom e colocou ali das 8 às 9 eu quero fazer um outro agendamento por exemplo pra dia 15 agora das 8 porém eu quero que vá até as a meio dia legal agendar então vou avançar aqui ó Ó, que legal, viu?
O que evitar na primeira semana
Nesse mesmo dia aqui, que é dia 15, novo, agendamento, uma coisa que tem que fazer aqui é o seguinte, sempre que clicar em novo, ele tem que resetar o texto, né? E 5 até as 14 o que acontece ele sobre pois né não tem dois agendamentos ali feito no mesmo na mesma data então isso aqui é questão de você pedir para ele arrumar né eu acho que agendar no passado tudo bem mas agendar um em cima do outro eu acho que não dá Perfeito. Das 10h até às 11h, isso aqui não pode permitir conflito de horário, tá?
Das 14h30 não das 18h às 20h para dia 15 ainda 18h às 20h podia 15 botar uma coisinha diferente adicionar tá lá embaixo pessoal ele conseguiu fazer então aqui certinho quando tem conflito de horário ele avisa eu posso agir e voltar pessoal então assim para o negócio foi feito aqui menos de uma hora só para teste eu acho que ficou bem interessante o sistema quando eu dou um refresh repare que ele mantém os ele mantém o negócio porque ele está salvando no ele está salvando no navegador npm randev vou acessar aqui na porta 3001 agora e na porta 3001 com uma outra porta ele já não salva na porta 3000 ele salva aqui na porta 3000 beleza pessoal então assim minha opinião para esse pequeno teste eu não sei se se é possível a gente fazer qualquer tipo de julgamento sobre a capacidade do modelo só com o negócio simples desse mas os problemas que ele enfrentou ali Ele conseguiu resolver os problemas de UI, ele entendeu perfeitamente. Por exemplo clicar no agendamento abrir um modal para eu alterar o agendamento ou cancelar o agendamento reagendar o agendamento tá e dá para melhorar o layout enfim mas assim para testar o modelo gpt 4.5 para mim tá aprovado gostei vou utilizar bastante ele aqui pena que ele continua no classificado como um modelo premium Se estivesse aqui em cima no modelo padrão aí seria muito bom, porque esses aqui são ilimitados, né? Vou disponibilizar o código fonte também para vocês baixarem o código fonte e tentar fazer essas alterações que eu falei aqui.
Na prática
Próximo passo para «gpt5-teste-programacao-nova-interface»: rode um experimento de 7 dias com uma métrica ligada a gpt5 teste programacao nova interface antes de escalar o padrão.