Speedrun de Claude Code | 🔴 Live Coding + SORTEIO CLAUDE CODE

Bom dia, bom dia, bom dia, bom dia, bom dia! Quem tá por aí já? Vocês estão bom, gente? Bom dia, bom dia, bom dia! Bom dia, bom dia, bom dia, bom dia, bom dia! Vocês estão bom? Tô postando aqui no Instagram, linkzinho aqui para galera. Pronto, pronto, pronto, pronto. E aí, meus amigos, como é que vocês estão? Bom dia! Bora trabalhar mais um pouquinho aqui com o Cláudio, falar de umas notícias, mostrar para vocês umas coisas e tentar fazer um live coding aqui hoje. Rapidão, como é que vocês passaram a semana? Foi tranquilo, de boa? Deixa eu já começar, cara. Eu preciso falar sobre isso, não vou conseguir deixar de falar sobre isso, do que rolou ontem, cara. Não sei se vocês viram, mas dá uma olhada nisso aqui, cara. Deixa eu mudar o meu ex para cá, dá uma olhada nisso aqui, ó. Deixa eu abrir aqui a tela. Pera, essa aqui, compartilhar a tela. Show, galera! A Antrop ontem lançou aqui, ó, cloud. Não sei se vocês viram isso, meus amigos, mas isso aqui foi um absoluto cinema. Eu realmente não sei se dá para ouvir, cara. Deixa eu ver se aqui, se durante a apresentação dá para ouvir, mas eu acho que não. Eu realmente não sei se dá para vocês ouvirem, mas o que que aconteceu, cara? Na semana passada, o ChatGPT— semana passada não, alguns tempos atrás, né? Olha quem tá aí, Adam, Adam Ricardo Santos. Bom dia para o Caretson também, aí, ó, Caretson. E aqui, ó, o meu amigo Adam Ricardo Santos. Mano, você tem que atualizar essa foto sua, cara. Essa foto sua tá precisando atualizar, tá bom? E o Jefferson deu bom dia aqui também. Bom dia, bom dia, show! Mas galera, isso aqui, cara, foi a jogada de marketing mais da hora que eu vi nesses últimos tempos, velho. O que que rolou? ChatGPT, ChatGPT, os cara começaram os rumores, né? Lá, Edis em GPT. E aí agora eles atualizaram, que atualizada há 12 horas atrás. Os cara sentiram muito, cara, sentiram muito o que o Anthropic fez. Mas eles começaram aqueles rumores, cara, de pensar em Edis no GPT, não sei o quê, não sei o quê, não sei o quê. Aí, cara, a Antropic simplesmente lançou aqui, ó, 1, 2, 3, 4 vídeos. 4 vídeos, literalmente. Só que foram vídeos, cara, falando sobre isso. Esse aqui, no caso, né, o cara conversando com a psicóloga dele, e aí no final a psicóloga começa a responder ele, e aí no final ela dá uma propaganda para ele do nada, fala de um site de encontro. Nada a ver. E o cara fica tipo assim, que, como assim? E aí no final eles lançam essa lá, ó, as propagandas estão chegando naí, mas não no cloud. Olha que doideira, cara. Mano, isso aqui foi muito louco. E se eu não me engano, eles fizeram isso durante o Super Bowl lá dos Estados Unidos, cara. Isso aqui foi, acho que a jogada de marketing mais maluca e mais doida que eu já vi na minha vida. Eles fizeram aqui do cara com personal trainer, e aí ficou muito legal a jogada que eles fizeram durante o vídeo, cara, porque o cara meio que, a pessoa, né, que tá respondendo, que é aí, ah, tem aquele delay da resposta de toda AI, cara. Ficou muito bom, cara, ficou muito bom. Eu gostei para caramba. Não sei se chegaram a ver, mas eu vou deixar o link aqui para vocês darem uma olhadinha. Depois lá pelo Twitter. Fechou, ficou muito bom, cara. Eu gostei bastante, achei os bico. Eu postei no meu LinkedIn, postei no meu Instagram, tive que fazer um vídeo rápido sobre isso, cara. Ficou muito bom. E você que não me segue no X ainda, lá me segue no X, cara, me segue no Twitter. Samuel Rizon Dev em todas as redes sociais. Eu consegui pegar esse nick em todas as redes sociais, cara, no Instagram, no Twitter, no TikTok, no YouTube. Até porque ninguém tem nome de Samuel Rizon, né? Acho que só eu. Mas é isso, uma notícia boa aí para vocês. Stop sharing. Deixa eu dar um bom dia para o povo aqui, ó. Bom dia, bom dia, bom dia para o Rox. Pro, muito bom dia! Esse tema não ficou legal, não gostei. Aqui, deixa eu ver esse aqui. Aqui, esse aqui é mais da hora. Boa, show! Bom dia, bom dia, bom dia! Bom, galera, vamos lá então. Deixa eu pegar minha tela aqui do cloud, a gente brincar um pouco, mostrar para vocês umas coisas que eu tenho feito. Não sei se vocês viram, mas deixa eu compartilhar aqui de novo. Não sei se vocês viram, mas o último vídeo do canal eu fiz um puta vídeo, cara, sobre tokens. Não sei se vocês viram isso aqui, ó. Então tem dois vídeos no canal aí recente, um do hackathon que eu participei, eu lancei ele, a gente ganhou o hackathon lá, fiquei em terceiro lugar. E o último vídeo é essa aula sobre tokens aqui, cara. Essa aula aqui ficou muito boa, foi vocês que pediram aqui no canal, no Super Hub lá, o Super— caramba, YouTube, não tô com o link aqui, tem um link aqui, ó. Mas deixa eu mostrar para vocês aqui, sugiro o vídeo aqui. Eu tenho que até atualizar aqui, mas foi vocês que pediram. Deixa eu já deixar o link aqui com vocês também. Mas olha lá, como gastar menos tokens com IA. Eu tinha colocado em análise aqui, mas fiz esse vídeo e aí dei aqui, ó, 6 dicas, expliquei exatamente, cara, o que que são tokens, muito bem aqui explicado sobre o que que são tokens, quanto que a gente gasta, como que funciona a janela de contexto, cara. Isso aqui para mim foi a coisa mais maluca que eu entendi quando eu tava estudando isso aqui, cara. Sério mesmo, foi uma coisa muito louca quando você— é uma coisa muito louca quando você entende, cara, sobre essa janela de contexto. E aí uma coisa legal, cara, que eu queria compartilhar com vocês é que, por exemplo, essa apresentação do vídeo aqui, ó. Então toda essa apresentação do vídeo eu tenho ela aqui, ó, é tokens. Se liga, isso aqui, ó, você quer apresentação, é um HTML que o Cláudio gerou para mim, cara. Essa apresentação, e aí deixa eu mostrar aqui para vocês. Pera aí, deixa eu colocar minha carinha aqui para cima. Boa. Então aqui, ó, eu tenho a parte Olha que doideira! Esse aqui foi o Claudio que fez. Depois eu pretendo fazer um vídeo sobre isso, compartilhar com a galera que é membro do canal. Você que é membro, obrigado, muito obrigado para todo mundo que é membro do canal aí. E você que tá aqui na live, ainda não deu seu like, deixa seu like, fechou? Deixa seu like aí para a gente, para ajudar o canal a crescer e mais gente vir aqui. Mas esse, essa apresentação aqui foi o Claudio que gerou para mim, cara. Então ele tem o Dark Mode na apresentação inteira. Aí, ó, 6 módulos, que que são tokens, tudo mais. E ele tem a parte de desenhar também, ó. Então eu clico aqui, ó, mano, esse aqui é um HTML puro, cara, um HTML puro. Eu não tô usando biblioteca, não tô usando React nem nada, não. É um HTML puro. E aí aqui eu tenho desenho, eu posso aqui, ó, eu venho aqui, desenho durante a apresentação para explicar para vocês. Ctrl+Z funciona normalmente. Se eu desenho aqui, vou para o próximo slide, volto, desenho, continua. Eu não sei como o Claudio fez isso, mas ele fez, tá? Eu não faço ideia como é que o Claudio fez isso, mas ele fez. E aí tem isso aqui, tem a parte, se eu quiser dar tipo um marca-texto aqui, sabe? Lá onde marca texto. Se eu quiser colocar uma setinha, as cores. Olha que doideira, cara! E eu tenho também uma bolinha aqui, ó. E aí pode ser de várias cores. Eu tenho o undo aqui, que é o Ctrl+Z, e tem a lixeirinha para apagar tudo. E aí isso aqui fica funcionando em todos aqui, ó. Então eu venho aqui, faço as minhas anotações aqui, tudo certo, vou passando. Se eu voltar, elas estão aqui, cara. Olha que doideira! E foi o Claudio que fez. Então eu criei, né, um É, eu criei uma pasta aqui de conteúdo e aí criei várias skills e vários agentes para me ajudar a fazer isso e foi refinando, né, para mim chegar em uma apresentação assim, cara. E aí eu fui pedindo ele para ir refinando, refinando, refinando, até chegar num template de HTML que tem as coisas que eu preciso. E aí quando eu vou criar o conteúdo, então quando eu vou estudar, eu vou estudando, aí eu vou colocando junto com ele, junto com a IA, né. Hoje a gente não faz mais nada sem IA, mas eu vou junto com ele podando, tentando pensar em cada slide que eu vou apresentar, cada coisa que eu vou falar. Então, por exemplo, essa parte da inteligência que é lá, eu pedi ele para ficar bem claro, igual é o site lá do Tokenizer da OpenAI. Então, se a gente vem aqui no Tokenizer e a gente digita aqui, ó, inteligência artificial, ele mostra as coisas diferente. Então eu fui trabalhando e fazendo de forma que fique bem didático a apresentação e o que a gente, o que eu vou falar com vocês. Mas isso aqui, ó, lembre-se disso, tá? Regra de bolso: inglês ele gasta menos token do que português, cerca de 30% menos que o inglês gasta. Que doideira! E o output custa mais, 5 vezes mais que o input. Então sempre lembre-se disso, fechou? O que que vocês acharam, guys, da apresentação? Achar que vocês acharam do vídeo? Não sei se vocês já viram um vídeo aqui, ó. Se você não viu, vem cá ver o vídeo, o último vídeo do canal. Deixa o seu like, coloca um comentário lá. Eu ensinei sobre como economizar as mensagens. E aí eu quero mostrar para vocês hoje também uma, um projetinho que eu achei no cloud, cara, que eu tô testando para a gente fazer exatamente isso aqui, ó. Cadê? Fazer esse roteamento aqui, ó. Então eu achei uma skill, cara, que chama Cloud Router. Esse carinha aqui, ó, Cloud Router. Esse carinha aqui, a ideia dele, cara, é fazer exatamente Esse roteamento inteligente aqui, ó. Então, quando você manda uma tarefa para o cloud, a ideia dele é entender a sua tarefa, tá? Ele vai entender a tarefa e ele vai— pera aí que eu buguei aqui. Aqui, aqui. Então, ele vai entender a sua tarefa e ele vai rotear para o modelo melhor. Então, ele vai usar ele vai usar o Haiku ou o Sonnet ou o Opus, baseado no que você tá pedindo para ele, entendeu? Então, a ideia dele aqui, ó, how it works. Então, quando você pede, faz uma pergunta, por exemplo, o que que é um JSON, em vez dele usar o Opus, que ele vai gastar mais, né, então ele vai gastar tanto tokens quanto a sua assinatura, né, ele vai gastar isso. E aí ele vai usar o Raiko. Por que, cara? Você só tá perguntando o que que é um JSON. Ele é rápido e ele é barato. E aí, para rodar os testes, aí ele vai usar o Sonner. Desenhe arquitetura do sistema, ele vai usar o Opus, entendeu? Então eu tô testando ele. A instalação foi bem simples, tá? Então foi só aqui, ó, plugin marketplace, aí você instala o plugin, depois você roda o install plugin aqui, ó. Então você é só no marketplace, e aí depois você reinicia o cloud para ele testar. E aí deixa eu mostrar para vocês na prática aqui, ó. Deixa eu abrir um projeto no VS Code. Beleza, eu vou abrir o meu projeto de conteúdo mesmo que eu tenho criado. Deixa eu abrir aqui. Show, show! Então vamos abrir o nosso amigo Cláudio aqui. Beleza. E aí, cara, ele tem, o carinha tem aqui, ó, você consegue fazer rodar ele aqui, ó, how to, e aí você seleciona o modelo, né, how to Haiku, ou você pode só mandar para ele, cara. Então, o que é um JSON? Vamos ver se tá funcionando aqui, ó. Como eu já mostrei para ela, olha que doideira, Cloud Router Fast Executor. E aí, o que que ele fez? Em vez dele, em vez de eu estar usando o Opus ou o Sony, que é o que tá selecionado aqui, ó, ele chamou o agente do Cloud Router, que é o Fast Executor. E que agente que é esse? É o agente, cadê aqui, ó, fast. Não, aqui não vai estar aqui. Ele tá aqui dentro do próprio código mesmo. O fast executa é o Raiko, mas eu acho que ele não tá aqui dentro de— não, ele não tá aqui dentro não. Como eu instalei ele global, ele não vai aparecer aqui, mas tem funcionado, cara. Eu tenho testado, eu ainda não testei muito, eu instalei ele anteontem, se eu não me engano. Mas é um puta projeto, cara, para vocês testarem uma forma de gastar menos tokens e uma forma de fazer exatamente aquilo que eu ensinei, né, lá na aula, que é essa parte do roteamento, do roteamento inteligente. Então, para tarefas mais simples a gente usa o Haiku, e para mais complexas a gente vai usar o SoneuOps. E aí, em vez da gente ficar escolhendo isso, o próprio agente faz isso. Ele vai entender o que que você tá tá precisando, é que você quer, e ele mesmo vai fazer esse roteamento inteligente. Então eu tenho gostado, cara. Mas é que eu mais tenho utilizado essa aqui, cara, é o que eu tenho falado com vocês, aí, Skills SH Onboard, então brainstorming. Essa carinha aqui, ó, essa skill aqui, ó, tem falado lá com o pessoal. E aí o que eu tenho feito, cara, deixa eu mostrar para vocês aqui, ó, que eu tenho feito no meu processo de desenvolvimento. É, eu, se for um projeto do zero, né, eu vou usar aquela ideia para o MVP. MVP. Então eu vou usar aquela skill do Cláudio de ideia para MVP. E aí, depois que ele gerar os arquivos, eu vou migrar para o migrar para o VS Code. Eu vou migrar para o VS Code, depois eu vou começar a desenvolver as coisas. Aí eu vou criar o cloud.md, criar o cloud.md rodando, barra init do cloud. Beleza. E aí, cara, quando eu vou fazer alguma coisa, alguma implementação, alguma coisa assim, O que eu tenho feito, em vez de entrar já no play mode de uma vez, eu rodo a skill de brainstorming. Então eu viro e falo: use a skill de brainstorming para começarmos a criar o dashboard, por exemplo. Então eu rodo essa skill de brainstorming primeiro pra gente criar o dashboard, porque, cara, Essa skill de brainstorm, ela começa a me fazer umas perguntas, várias e várias e várias perguntas. E aí, depois de fazer várias perguntas e a gente refinar várias coisas, aí ele cria um arquivo.md. E aí, depois que a gente cria esse arquivo.md, que eu falo, entra no modo planejamento, aí que ele entra no modo planejamento, porque aí eu já gastei bastante parte do contexto com a skill de brainstorming, já refinei muita coisa, tive muita ideia nova, removi muita coisa durante a skill de brainstorming. Aí que eu entro no plan mode, que aí ele já entra no plan mode já sabendo o que que ele tem que desenvolver. E aí depois que ele vai para o plan mode, ele vai dar o clear do context, que o Claudio lançou isso recente, né? Depois que ele termina o plano, ele cria o plano dentro dele clear, dá um clear no contexto e inicia o planejamento, inicia o desenvolvimento, né. Então esse aqui tem sido o meu fluxo, cara. Eu removi todos os MCPs, eu removi todos, não, né, quase todos MCPs. Eu não tô usando muita gente, eu tô usando mais skill e o plain mode. Nada, não tô usando aqueles métodos que o pessoal fala de Tem o GitHub spec, tem o Git Dawn. Não tô usando nada disso, cara. Eu tô usando isso aqui, ó, esse fluxo aqui, ó, fluxo de desenvolvimento. Tô usando exatamente isso aqui, guys. Não tem segredo nenhum, não tem segredo nenhum, e tem funcionado muito bem. Muito bem, de verdade tem funcionado muito bem, tá? E aí o que eu queria hoje é criar, fazer alguma coisinha aqui rápido com vocês. E eu queria saber se vocês têm alguma ideia, cara, alguma ideia para a gente fazer aqui, para a gente criar alguma coisa. Vocês que estão na live, tem 14 pessoas aí, ó. Você que não deu seu like ainda, deixa seu like, fala com a gente aí. O que que você tá pensando? O que que você pensa aí? Fala um projeto, alguma coisa que vocês querem fazer, sei lá. Eu tava pensando até em fazer uma série depois lá no TikTok, no Instagram, de short, cara, do pessoal pedindo. Tipo assim, a pessoa pediu para fazer um sistema do meu sogro, da lojinha dele, aí a gente faz sistema, entendeu? Coisa desse tipo. Mas vocês pensam em alguma coisa aí da gente desenvolver aqui rapidão? Aí, ó, o Jefferson voltou com essa ideia aqui de novo, mano. É verdade, mano, essa ideia aqui é da hora, essa ideia aqui é da hora, eu gosto dela. Tem como criar um time tracker? Pô, mas é uma ideia legal também. Na live retrasada a gente fez um Pomodoro, cara. Na live retrasada a gente fez um Pomodoro. Um Pomodoro desktop ainda, um Pomodoro desktop, cara. Aí, ó, acho que é o Guilherme, é o cara aí. Qual é, mano? Tranquilo, saudades de você, velho. Você é um brother meu de muito tempo atrás. Time track, acho legal, uma gestão de Pomodoro. Então, mano, a gente fez um Pomodoro na live retrasada, fiz um Pomodoro em desktop ainda, cara, um aplicativo desktop de Pomodoro que ficava mostrando aqui, ó. Deixa eu abrir aqui para mostrar para vocês como é que ficou o Pomodoro da live. O meu YouTube, meu canal, aqui, ó, app desktop em 60 minutos. E aí a gente fez ao vivo aqui, mano. Fiz a ideia do MVP e a gente foi fazendo. Olha lá, o Pomodoro no final. A gente chamou ele de Angry Doro. Ingridor, a gente chamou ele porque ele ia ficar, ele ia ficar nervoso, cara. Olha lá, ele ia ficando puto conforme o tempo passava. Então a gente fez esse Pomodoro aí, ó. Fiz com o Claudio, cara. Mandei um prompt para ele aqui, ele foi gerando no Tauri, que é um concorrente do Electron, e a gente fez o Pomodoro aqui na live. Depois eu fiz o sorteio. Isso aqui já é a parte do sorteio, mas Pomodoro a gente já fez, tá? Faz um controle de estoques. Caramba, esse aqui é complexo, hein, cara, para fazer aqui na live. Saudades, Kanban. Todo mundo faz, Jefferson. Não, mano, Kanban todo mundo faz. Dá não. Eu gostei do 'sou rico, sou pobre' aqui, ó. Ou sou pobre, eu sou rico. Então, cara, a gente tem aquele dia na live, a gente teve a ideia, cara, porque o cara, se eu não me engano, deixa eu ver aqui, ó. Eu fiz, eu cheguei até fazer um brainstorm aqui com o Cláudio, cara, dessa ideia aqui, ó. Aqui, ó, olha aqui. Ai, cara, deixa eu mostrar para vocês aqui. Eu fiz exatamente isso, cara. Lá, estou com uma ideia. Em vez de criar o rap Eu Sou Rico, eu vou fazer o rap Eu Sou Pobre. Aí a gente vai tentar juntar o máximo, o máximo número de pobres que existe no Brasil, no mundo. Então é isso que ele ficou assim porque eu falei, tá? Não ditei. Então a ideia é o app Eu Sou Pobre. A pessoa consegue comprar ele por R$1 e a gente vai usar abacate e pei para fazer o Pix. E no momento a gente vai ser focado no Brasil. A gente vai, a pessoa entra, tem a cara dela, o nome dela, alguma coisa lá no app para a gente tentar juntar o máximo número de pobres que existe no mundo. Ai, ai, aí, cara, aqui, ó, a ideia do MVP, né? Projetinho que eu já compartilhei com vocês, já mostrei no vídeo, e vocês têm já o script disso. Tá lá, começou o discovery, então ele vai por 3 fases: discovery, validação, e depois sobre o conceito. Eu Sou Rico Original, aquele app famoso, custava $999 e só mostrava uma tela dizendo I'm rich, era um símbolo de status absurdo. Aí ele começou a falar aqui, né, então ele perguntou, né, qual que é o job to be done, qual que é o apelo emocional, o que que acontece depois. Eu fui respondendo: você é um web app, humor, viralização, discovery. Perfeito. Aí eu fui falando com ele aqui, né? Então aqui, ó, então eu tava pensando aqui também, opção de ao invés de focar só em pobre, a pessoa conseguir pagar e comprar algo por R$1. Aí a gente faz meio que o inverso do AmRich. Então se a pessoa, mínimo, a pessoa pagar R$1, então eu sou pobre, a pessoa compra em primeiro lugar, tipo assim, a pessoa mais rica existe. Enfim, fui falando isso aqui, é porque quando o áudio, o texto tá sempre que eu falei. Posicionando valor, sim, pode acumular, o ideal é ter vários rankings. E aí ele foi gerando aqui, ó. E aí eu parei na validação, ó. A gente pode terminar isso aqui hoje, cara. Vamos embora! O que que vocês acham? Fazer o Eu Sou Pobre? Pretendo fazer o app em live do YouTube, compartilhar no X, Threads e LinkedIn. Quero pensar em retenção agora, o foco é conteúdo. Aí podemos fazer um link compartilhável usando o API da VSL, mas acho legal URL do usuário também, entendi. O produto é conteúdo, o app é pretexto para live. Então ele vai entendendo aqui, ó, sim, URL do usuário com a GMLA. As funcionalidades: login com Google, criar ou editar username, pagar via Pix com AbacatePay, acumular pagamentos. Aí tem um ranking diário, semanal, mensal e anual. A página pública, a página do usuário e um OG image. E depois tem notificação, histórico e tudo mais. Preço mínimo R$1, mesmo perdendo centavos, faz parte do meme, faz sentido. E aí, aqui, ó, faz sentido, faz sentido. Boa. Então é isso aqui, cara. Fazer, vou fazer um Eu Sou Pobre aqui, ó. E a gente pode criar aqui rapidão, já integra com a AbacatePay, acumula pagamento, e a gente vai fazendo. Então depois que ele passou da fase de validação, ó, já tô chegando no meu limite, ó. Eu já usei 75% do meu limite semanal do Cloud, cara. Eu acho que tá até mais 75% já, tá. É, aqui está o resumo de cada briefing: PRD, MVP, Scope, Landing Page, Design, CQLP, o próprio app já é landing page, párrafo mostra o ranking público e o CTA. Decisões que vou assumir: Next.js, o poder do abacate, pay-as-you-sell, preço mínimo, username único obrigatório, rankings calculados por valor total acumulado. Tá, show! Quero a landing page sim. Vambora, vambora! Agora ele vai gerar os documentos aqui, fechou? Aí, Jefferson, vou até que enfim fazer sua ideia, mano. Boa, boa! O Deve aqui, ó: bom dia, Samuel, primeiro semana desempregado. Caramba, mano, passando só para deixar um salve e partiu entrevista aí, mano. Tem que ir para entrevista, vamos embora! Se precisar de ajuda, se precisar de alguma indicação, manda lá no na comunidade do WhatsApp. Deixa eu pegar o QR code da comunidade aqui, ó. Tem um grupo no WhatsApp cá em cima, deixa eu voltar aqui. Tem um grupo aqui, ó, grupo no WhatsApp, tá? A gente tem uma comunidade, mais de 200 dev já. Deixa eu ver quantas pessoas tem na comunidade aqui já, cara. Toda vez só cresce. Ela já tem 271 pessoas na comunidade, 271 pessoas. E a galera lá compartilha as coisas. Então entra aí na comunidade, tem um grupo aqui, tem na descrição aqui do— todos os vídeos tem descrição da comunidade. Se você não consegue ler o QR code aqui, provavelmente tem um link aqui também. Aproveita, deixa seu like, se inscreve no canal, você que não é inscrito, você que tá na primeira vez aqui, fechou? E agora hoje a gente vai desenvolver o Eu Sou Pobre. Muito bom, mano. Aí alguém escaneou um QR code. Ela só manda scan the QR code. Alguém escaneou um QR code. Ou não sei se vocês viram, mano. Caramba, eu esqueci de falar para vocês, cara. O Mano Deivin reagiu ao meu vídeo ontem, cara. Caramba, eu esqueci de falar com vocês. YouTube, Mano Deivin. Deixa eu abrir aqui, ó. Mano Deivin. Eita, mandei vir aqui, ó. Ele reagiu ao meu vídeo ontem, cara, foi muito bom. Foi ontem, ontem, ontem, acho que foi anteontem. Ele reagiu ao vídeo que é um dia atrás, reagiu ao meu vídeo. Então depois vocês quiserem ver. E ontem também, cara, o Daniel, Daniel Limae, O cara da Abacate Pay, o Daniel da Abacate Pay, ele postou o vídeo do Hackathon também, e aí eu participei várias vezes no vídeo. Então a primeira pessoa que participou, que deu entrevista para ele lá no vídeo, olha lá quem é: eu, Samuel Rizondevi, o brabo, eu aqui. Então depois vocês derem ver lá, ele mostrou bastante sobre a ideia do Hackathon, tá? E aí deem uma olhada lá no vídeo, ficou muito legal, e aproveita e dá um comentário lá, cara, fala Vim aqui da comunidade do Samuel Rizon, que é a tropa do Samuel Rizon. O vídeo ficou muito da hora, cara, ficou muito da hora, ficou muito da hora. Diz ele que vai ser o Toguro da bolha dev. Isso, Daniel, engraçado. Eu conheci ele lá, cara, foi muito bom. Boa, deixa eu ver aqui os comentários. A ideia tá saindo do papel. Aí, ó, deve. Boa, daqui a pouquinho eu aceito vocês lá, mano. De verdade, deixa eu aproveitar aqui, ó. Guilherme, brabo, e o Maurício, já aceitei vocês lá no comunidade já, fechou? Então quem quiser mais, lá em cima tem um link. Olha lá, o setup do cara tá mais fininho, mano, chega nem perto do Lanzoca, cara, você tá doido. Eu tô usando a câmera do notebook porque a outra câmera às vezes ela buga, cara. Minha outra câmera, quer ver? É o webcam aqui, ó. Ela é muito melhor, é muito melhor, mas não quer nem ligar. Aí ela não tá conectada no PC, dei mole. A câmera não tá conectada, que agora eu sou dev mobile, cara, se vocês não sabem. Tô programando com a Ionic na empresa que eu trampo. Show! O Claudio está gerando aqui, ó, ele já gerou, tá gerando os arquivos. Boa. E aí eu vou mostrar para vocês depois qual que é o processo, mas depois eu só vou ter que baixar eles aqui e já criar uma pastinha nova. Então já vou fazer isso aqui agora de uma vez. Eu já tô aqui na minha pasta de projetos, no Projects, onde eu criei todos os meus projetinhos. Vamos só esperar ele terminar aqui, ó. Aí, ó, aplicativo do proletariado de todo mundo. É isso aí, mano. Vamos ver se, vamos ver se integrar com a Bacatpé é fácil mesmo, hein. Veremos, veremos, veremos, veremos. Deixa ele terminar aqui. Aqui, ó, npx create-nextapp im-poor. Vai ser esse projetinho aqui que a gente vai criar. Deixa eu dar um zoom aqui. Boa! Colocar mais para cá para vocês verem. Criar um aplicativo Next. Você quer criar com default? Sim. E aí ele já tá criando. Boa! Ó, vou deixar a live aberta para entrar na dele. É isso aí, mano. Dele de manhã, cara. Minha dele é 11:45 da manhã, acredita? Tem dia que a reunião é meio-dia, mas é isso aí mesmo. Beleza. I am poor. Code. Pronto, aí, ó, já estamos com o projetinho aqui, tá? Eu costumo, cara, eu não gosto de deixar o Cloud criar o projeto inicial, tá? Porque depois ele buga, cara. Já tentei, não dá muito certo, tá? Depois ele buga. Mas aqui ele já foi, ó, já criou todos os arquivos. Documentos gerados. Beleza. Aí eu dou aqui um download, download, vem aqui, aí import. Beleza, salvo. E vamos embora, vamos embora. Deixa eu só responder o Deve aqui, ó. Samuel, tô meio por fora. Samuel, tô meio por fora. Vi que recentemente o cloud tinha mudado a forma de pagamento, ainda tá compensando a versão inicial? Cara, compensa. Eu gosto bastante do cloud, sou muito suspeito para falar, mas para mim compensa para caramba, porque já tem o Gemini e o Copilot por um ano e ainda pago o curso mensal, mas tô em dúvida se muda assinatura para o cloud. É o modelo que mais uso no curso, é o cloud mesmo, cara. Aí depende, velho, depende se você tá conseguindo usar o cloud pelo curso. Cara, eu não vejo por que você assinar o Cloud, né, depois, entendeu? Você já tá conseguindo usar, se assinatura, sua assinatura do curso já tem o Cloud, você já consegue usar, beleza. Eu particularmente gosto de usar só o Cloud porque eu não me acostumei ao curso, cara. Até hoje eu uso VS Code, eu não me acostumei ao curso, não consegui acostumar aquela bagunça. Eles colocaram coisa demais, cara, eu não gostei não. Mas, cara, assinatura do Cloud, a de $20, vale a pena. Mas você vai ver, cara, dependendo da forma que você usar, né, você vai gastar ela muito rápido e você vai chegar no limite muito rápido. Aí eu não sei como é que tá no curso. Tenho quem tiver usando o curso aí com o cara, já fala aí também, já ajuda o nosso brother aqui, ó. Desafiou abacate, o abacate brabo. É isso aí, ó. A dele aqui é 10 horas. Boa! Olha quem chegou aí, ó, Douglas, JTDS, do Serve Douglas, mano. Quem não sabe, o Douglas e o Mateus, esses dois aqui, ó, fizeram faculdade comigo, mano. Os cara fizeram faculdade comigo, me aguentaram durante 4 anos na faculdade. Bom dia, bom dia! Os cara é brabo, os cara é brabo. Então vamos lá, voltando aqui para o para o nosso carinha aqui, ó, nosso Cloud. Eu já baixei aqui, e aí aqui eu vou pegar o import zip. E aí o que que eu faço? Normalmente eu venho aqui e já crio uma pasta chamada docs, docs, tá? E aí eu pego todos os arquivos que tava lá e joga aqui na pasta docs. E aí eu inicio o nosso Cloud. E aí, o que que eu vou fazer, guys? Como eu falei com vocês, eu tô quase chegando lá, já usei 93 do limite da assinatura. Vamos ver o que a gente consegue fazer com roteamento inteligente, tá? Falei mais cedo aqui que eu tô usando um carinha de roteamento inteligente. Mas primeira coisa que eu vou fazer aqui é dar um /init do Cloud, porque o que que ele vai fazer? Ele vai iniciar, ler os projetos e vai ler esses carinhas aqui. Beleza, salve! Quem tá aí também, ó, Gabi Dantas, brabo, também participou comigo do hackathon, brabo, brabo, brabo, galera! Que que a gente tá fazendo aqui, cara? Para você que tá chegando aí, ó, tem 17 pessoas na live. Se você ainda não deu seu like, taca o dedo nesse like aí, mano. Eu tô muito YouTuber, meu Deus! Eu tô muito YouTube. Taca o dedo no like aí, mano, pelo amor de Deus. Taca o dedo no like, manda para o seu amigo, fala: ó, tamo fazendo o Eu Sou Pobre, tá? Tamo fazendo Eu Sou Pobre aqui, ó. E aí, que que eu vou fazer? Mais uma vez, gente, vou copiar aqui o meu landing page spec. Eu já falei para vocês, mano, eu vou no meu Aura Build, eu vou vir aqui, deixa eu ver se eu tenho crédito suficiente. Tem, acho que tem lá 3 só. Tá bom, mano, vocês não sabem, esse áudio foi um cara que fez, um cara fez com IA, mano. Ele tá lá no X, o cara fez com IA esse áudio build aqui. O cara já tá com, se eu não me engano, $50 mil de receita recorrente mensal nessa parada aqui, mano. Mas realmente o cara fez um negócio muito bom, velho. Então, crie essa landing Page. Faça um design não convencional, algo engraçado, com meme. Não, sem meme. Pronto, deixa ele gerando ali e vambora aqui para o nosso Claudinho. Beleza, já criou o Cláudio aqui, dá um clear, não preciso mais desse contexto. Beleza, eu tô com o sonho aqui definido. E aí, como eu falei para vocês, guys, qual que é a minha ideia? Que que eu tenho feito? Use a skill de brainstorming para começarmos a planejar a criação do app. E aí eu vou dar um @docs aqui para ele ler, tá? Porque, cara, aqui deixa eu dar um zoom aqui. Boa! E aí vocês vão ver, cara, essa skill de brainstorming ela vai começar a me fazer várias perguntas e vai começar a definir algumas coisas. Olha lá, ele tá perguntando se eu quero usar skill de brainstorming. Sim, eu quero. Olha lá, aí ele tá lendo as documentações para entender. Perfeito. Aí tá perguntando qual que é o estágio do desenvolvimento agora, cara. Beleza, enquanto isso eu vou respondendo vocês aqui, ó. O Adam mandou aqui, ó: eu uso o curso, tem tudo que o Cláudio tem, tu escolhe os modelos que quiser, né? Isso aí, mano, cada um usa de uma forma. Eu gosto do Cláudio Code, eu gosto da CLI dele, mano, é muito boa. Qual hackathon, mano? Hackathon que eu participei, eu participei ano passado um hackathon da Adapta. Não ficamos nem em sexto lugar, cara, roubado. E agora eu participei de um hackathon, cara, do pessoal que o Vale do Silício fez. Pessoal do Vale do Silício, foi todo inglês as apresentações. Tinha um cara lá que ele era gringo, aí a gente falava com ele em inglês. Então foi bem legal, cara. Aí o Deve mandou aqui, ó: tem que ficar usando um pouco de cada para não gastar tudo, senão dura duas semanas de uso. Informações simples, usa versão alto ilimitado, porém o custo seleciona o modelo, né? Para mim, limitação que eu já sei exatamente que eu quero fazer, aí eu uso o Ops 4.5, porém consome bastante. Plano de $20 do cloud, será que aguenta mais, mano? De $20 provavelmente não, cara. Você vai, plano do cloud que aguenta muito é o de $100. O de $20 ele vai aguentar bem menos, bem menos. Você ficar usando o Ops, né? Porque o Ops consome tudo, cara. Ops vai consumir tudo muito rápido. É a ideia dele, né? O Gui perguntou aqui: sou novo no canal, o que seria essa skill? Tô achando que você vai dar para aprender. Como faço baixar essa skill, usar no meu cloud? Mano, essa skill, cara, é que, ó, você vai usar esse site aqui, ó, skills.sh. E aí você vem aqui, digita brainstorming, essa skill aqui, ó. Então a primeira skill é a mais baixada, mais instalada. Você vai clicar aqui e aqui ele tem um códigozinho para você instalar, o npx skills add. Aí você copia, cola no seu terminal e ele vai pedir para você instalar. Você instala ele global e aí qualquer projeto que você iniciar você consegue iniciar com essa skill. Beleza? Deixa eu dar, colocar o link dela aqui para vocês. Boa, tá lá, ó. Tem ali, ó, approach 1, code first, backend, frontend recomendado, Supabase setup, AlphaFlow, payment integration com a BacatPay, rankings, UI layer, landing page, last. Por que que isso funciona? Beleza. O 2, Future by feature, end-to-end, auth, payment, rankings, always have working features, each step. Ou a gente faz aqui UI first. Boa. É aí que tá o cara da— ele tá falando, né, se a gente quer usar, o que que a gente quer fazer, né? Começar pelo core primeiro, backend, depois o frontend, ou a gente vai para o frontend, depois a gente faz o backend. Cara, a gente tá fazendo em live. Eu tenho certeza que a gente não vai terminar isso aqui nessa live porque é um projeto maior. Já são 9:46, tá? Deixa eu tirar aqui, ó. Já são 9:46. Então vamos começar por aqui mesmo. Primeiro o core, aí a gente faz o super base setup e tudo mais, e a gente vai embora. Beleza. Aqui, como a gente já tem tudo pronto, né, meio que planejado, ele já vai entrar aqui no modo de plano. Já entra no plane mode e já começa a desenvolver. Tá? Mas vocês vão ver que depois, quando a gente for desenvolver uma funcionalidade ou alguma coisa assim, vocês vão ver que ele vai começar a perguntar outras coisas, cara. Então, por exemplo, eu quero— deixa eu mostrar aqui para vocês um exemplo real. Deixa eu abrir uma outra instância. Use a skill de brainstorming e vamos discutir sobre o design system, cores e toda a UI desse sistema, o que foi definido no @design. Docs, não conta, foi feito errado, quero de outro jeito. Então lá, falando, usa a skill de brainstorming, a gente vai discutir sobre o design system, as cores e tudo mais, tá? Vou invocar, invocou igual o Yu-Gi-Oh, mano. Eu invoco a skill de brainstorming, é desse jeito. Muito bom, velho. Lá ele tá lendo o que que é o projeto. Vamos ver o que que ele gerou aqui, cara. Eu nem cheguei a ver no briefing aqui, ó. Não existe nenhuma forma divertida, uma frase é absurda, de provar coletivamente que você é pobre na internet. Contexto e a solução. Um app que você paga no mínimo R$1 via Pix para entrar no ranking dos pobres e pode pagar mais para ser o pobre mais rico. Isso aqui é muito bom, meu Deus, velho! Isso aqui é muito bom, velho! Como funciona? Usuário faz login no Google, cria um username, paga via Pix, abarcatpay. O valor mínimo é R$1, mas não tem limite máximo. Cada pagamento acumula no total do usuário, que sobe no ranking. Tem ranking diário, semanal, mensal, anual e all time. Cada usuário tem uma página pública compartilhável com o OG name, OG image dinâmica. Então a ideia é essa, cara. Você pode vir aqui pagar R$1 para você entrar no ranking dos pobres, só que você também pode pagar mais para você ser o pobre mais rico. O que vocês acharam disso aqui, velho? Ficou da hora? Ficou muito bom, cara. Eu gostei, mano. Perfeito, entendi o projeto. Olha lá, skill de brainstorm rolando. É um app de humor brasileiro que inverte o conceito do I'm Rich e as pessoas pagam para ele estar no ranking dos pobres, com a ironia de que quanto mais paga, mais pobre você é. Agora sobre o design system, o guideline anterior sugeriu um visual clean, tipo linear, aqui, ó, mais sério. Mas vamos pular outras direções. Qual vai visual você quer para o Eu Sou Pobre? Ironia premium que estava no guideline, visual ultra profissional tipo sass, sério, contraste? Não. Nostálgico brasileiro, estética dos anos 2000. Mano, isso aqui é muito bom. Olha, mano, o que que é isso que o Brimstone faz, velho? Brutalista digital, minimalismo estranho de plogafia enorme, preto branco e meme consciente, visual que reconhece que é meme, mas com classe. Eu gostei do nostálgico, mano. Eu gostei do nostálgico. Para mim faz bem sentido ser um nostálgico. Clima de Orkut, MSN, mais modernizado. Muito bom, mano. Beleza, agora vamos definir a paleta de cores pensando nessa vibe 2000. Qual paleta te atrai mais? Laranja quente mais roxo e porcute, amarelo mais azul, cores do Brasil, mas não óbvio, verde limão mais rosa choque. Meu Deus, mano, terracota e bege. O que que vocês acham? O que que vocês acham? Será que eu consigo fazer uma, um pool aqui? Deixa eu ver aqui. Não, não consigo, já tem. Uma rolando aqui. O que que vocês acham? Qual vai ser a paleta de cores que a gente vai usar aqui? Enquanto isso eu vou respondendo aqui, ó. Maneiro! Tem uns que você recomenda, essa aí já é a principal, mano. A skill é, putz, uma skill muito boa também, mano, que eu tenho usado bastante, principalmente para o C, mano, é a skill de copywriting. Copywriting, essa skill aqui, ó, mano, essa skill é muito boa. Você roda ela na sua landing page, mano, ela pega muita coisa, ela pega muita coisa que você pode melhorar, muita coisa. Ela é bem mais focada em landing page, em coisa assim, sabe, mas ela é muito boa. Skill de copywriting são as que eu mais uso, cara. Copywriting, brainstorming. É esse que eu mais uso, tá? Eu, o modo auto do cursor me atende muito bem. Ele é lento, mas o código gerado é bem sólido. Mas se precisar de muito contexto, é melhor pelo menos o Sony 4.5. Boa, Adam! Exemplos, você chegou a mandar para o pessoal que tem assinatura? Sim, mano, todo mundo que é membro aqui do canal recebeu todos os todos os arquivos aqui desse projeto da ideia do MVP. Então eu tenho esse projetinho aqui que ele tem, o que eu disponibilizei gratuito foi as instruções, tá? E aí o resto, todos esses arquivos aqui eu mandei para o pessoal da, que é membro aqui do canal. Show! A laranja, aí, ó, o Maicon falou da laranja. Laranja. Então vamos ver, vamos te pôr coach mesmo, vamos embora, vamos embora. Enquanto isso a gente vai ver aqui, ó lá, já fez o plano. O que que ele fez de plano aqui, ó? Vamos ver. Caramba, ele fez um já o plano de tudo, mano. Isso aqui que era o core, né? Diz ele que era o core. Caramba, nossa, ele planejou muita coisa aqui, mano. Planejou até teste end-to-end, mano. Olha isso, as ideias. Tá, cria o Superbase Project, aí vai criar as tabelas aqui, autenticação e usuário. Caramba, ele focou em muita coisa aqui, mano. Vamos focar em uma Let's focus some steps first. Então eu falei, cara, vamos focar em uma coisa primeiro, não planeja o negócio inteiro não, tá doido. Aí é isso, mano. Aí você não dá uma direção para ela, mano, ela faz o que você nem imagina. Qual abordagem tipográfica melhor? Humanista moderna, fontes com personalidade, geométrica divertida, pop em South Beach para tudo arredondado, amigável, clima mais jovem, modo nostalgia, Jet Prince mono, clima de site raiz dos anos 2000. Mano, é site raiz, mano. Site raiz mesmo dos anos 2000. Vamos fazer um negócio feio, que naquela época não era feio, né? Então, lá, o espaçamento agora, sites nostálgicos, tinha uma densidade diferente, espaçamento menores, espaçamento generoso, compacto onde faz sentido. Nossa, acho que o extra é muita coisa, mano. Vamos descer, vamos híbrido, vamos híbrido, vamos híbrido. Enquanto isso, o que que o Aura Build gerou aqui, cara? Provavelmente gerou uma Lady Page muito feia lá. A maneira premium de perder seu dinheiro. Ai, isso aqui me quebra, mano. Meu Deus. Participe do ranking mais irrelevante da internet, valide sua situação financeira e compita para ver quem tem menos amor ao próprio patrimônio. Quero ser pobre e ver a desgraça alheia. Meu Deus, mano. V1 lançada. Pobreza agora é um serviço. Olha isso, mano. João Gastador, membro desde 2026, ouro total doado 450, status falido. Hahaha. Pobres ativos 1428, PIB jogado fora 12 mil, o maior pobre 842. Como funciona a mecânica quântica? 3 passos simples para garantir seu lugar ao sol ou na sombra. Entre na plataforma Escolha um username que sua mãe teria vergonha. Pague o que não tem. Envie um Pix a partir de 1 real. Quanto maior o valor, maior sua relevância. Ostente a miséria. Receba sua URL exclusiva e mostre ao mundo que você é certificado. Ah, mano, ficou muito bom isso aqui, velho. Olha isso aqui, mano. Uof! El Patron King. Crypto by Loss, boleto vencido, nome genérico, Serasa Fan. Serasa, mano, que meu Deus, velho, meu Deus, Serasa Fan, velho. Olha, mano, de onde que a CIA tirou Serasa Fan, mano? Meu Deus, o pior que eu gostei da landing page, cara. Eu pensei que ia ficar ruimzinho e aí o UI aqui ficou mó legal, velho. Eu particularmente gosto desse tipo de UI, né? Então Isso que é foda. Perfeito, compacta nos dados, mano. Isso aqui ficou muito bom, cara. Meu Deus, cara, meu Deus, ficou muito bom. Vamos começar só aqui pelo super base mesmo e as dependências. Qual tratamento visual te agrada? Bordas grossas, mais cantos retos? Sombra colorida, offset, mix, brutalizar alguns elementos com cantos retos ou arredondados, queria contragirar, que visual interessante. Dei. Mas mano, eu gostei, viu? Eu gostei. Olha isso, mano. A maneira premium de perder seu dinheiro. Mano, além de page ficou muito boa, cara. Tipo assim, eu mudaria bastante na UI, né? Mas eu acho que a copy ficou muito boa. A copy ficou muito boa, cara. Isso que eu nem usei skill de copywriting, tá? E aí, o que que eu faço? Se liga, eu vou vir aqui, dar um copy. Eu gostei bastante. Eu venho aqui no projeto landingpage.html. Deixa eu tirar aqui o terminal. Eu vou salvar landing page, beleza? E aí deixa eu abrir uma outra instância do cloud para mostrar para vocês a Cloud. Use a skill de copywriting para revisar a landing page. Aí ele vai usar skill de copywriting para ele revisar a landing page. Essa skill é muito boa, tá? A gente já tem um HTML pronto lá. Deixa eu só dar aprovar aqui. Beleza, vamos voltar aqui a responder. No Mix Canva, crie uma personalidade única. Agora sobre interatividade e estados, como os elementos devem reagir ao hover, interação, shift, sólido, underline, animado, bota destacada, combina cor, mas isso que ele fez foi só um translate. A borda destacada, cara, não sei. Pode escolher para mim. Boa, tá revendo a landing page aqui. É que ele tá atualizando o plano dele, que ele criou um plano para fazer o sistema inteiro. Um plano só de uma vez. E aí, doido, mano. Beleza, multi efeito nostálgico. Agora sobre o ranking, que é o que vai aparecer muito. Como é que deve ser apresentado visualmente? Lista compacta, estilo terminal, cards individuais, tabela nostálgica. Mano, a tabela é muito bom, velho. Top 3, caso destacado com visual especial, o resto é a lista compacta. Top 3 cards e o resto É tabela nostálgica. Eu gostei da tabela, mano. Aqui a gente tá fazendo a zoeira, cara, mas eu particularmente eu acho que eu preferiria essa UI que o Aura Build gerou aqui, ó, tá? Eu preferiria. Aí outra coisa que dá para fazer aqui no Aura, cara, se você ainda continuar com Ué, ele parou a geração? Não entendi. Eu acho que ele parou no meio, cara. Ele bugou. Qual estilo de botão funciona melhor? Putz, tá me fazendo umas perguntas aqui que muito, muito específicas do que que o botão, mas eu não tô conseguindo ver. Enfim, a lá, ó, além a skill de copywriting que ela fez, se liga, revisou tudo, ó, rewrite options, revisou tudo, ó, cada texto, mano, que doideira. Aí tem que, vai ter que esperar ele terminar aqui de gerar, porque a Lindipit ficou na metade. Olha lá, parei de ser pobre, mas não seja um pobre profissional. Aí é foda, mano. Enterprise grade poverty. Esse aqui ele viajou, tá? Esse aqui ele viajou completamente. Olha lá, pergunta: isso aqui é um golpe? Tecnicamente não, você está voluntariamente dando dinheiro em troca de um lugar numa lista HTML. Chamamos de luxo digital, é igual comprar skin em jogo, só que nem boneco você vê. Mano do céu, para onde vai o dinheiro? Excelente pergunta. Parte vai para servidores da AWS, parte para o café superfaturado dos desenvolvedores. O resto para um fundo de investimento chamado minha aposentadoria. Posso pedir reembolso? Hahaha, não. A política de reembolso é: se arrependeu, bem-vindo à vida adulta. Mano, isso aqui ficou muito bom, velho. Isso aqui ficou muito bom, mano. Caramba, eu sou pobre. A plataforma líder mundial em documentação de decisões financeiras questionáveis. Ranking Global, Hall da Fama, integrações legal, termo de uso não leia, privacidade inexistente, compliance. Caramba, mano! Caramba, velho! Meu Deus, deixa eu atualizar a landing page aqui, mano. Lê de novo, tem mais coisa agora. Boa! Como deve ser o background, fundo da página? Branco, bege, gradiente sutil, textura sutil. Não, aqui a gente tá tentando fazer o trem mais feio possível, né, mano? Deixa ele ler aqui, ó. 3 Cláudio rodando ao mesmo tempo, aí que maravilha! Aí, ó, pior que daria bom, mano. Vai dar bom, cara, você vai ver. Depois vou compartilhar isso aqui nas redes sociais, vocês me ajuda lá divulgando. Gostei da LP também, tá usando algum spec kit. Tô não, mano. Eu falei que mais cedo, depois você voltar na live, eu falei que mais cedo como que eu tô programando ultimamente, cara. Mas aqui, ó, meu fluxo de desenvolvimento é esse aqui, ó. Eu uso a ideia do MVP, que eu tenho aqui no vídeo explicando como que eu fiz isso, e tem um script para você usar. Depois eu migro para o VS Code, crio o CloudMD. Eu acabei de fazer isso aqui tudo na live. Aí eu uso a escrita para começar a criar o dashboard. Por exemplo, né, vou na Skill de Brainstorm, entro no Plane Mode e começo o desenvolvimento. Então esse aqui é meu fluxo, cara, para qualquer coisa que eu tô fazendo, eu tô fazendo isso aqui. Aí depois eu vou repetindo, 4, 5 e 6, eu vou repetindo isso aqui, ó, Skill de Brainstorm, Plane Mode, desenvolve. Show! Sim, ele vai atualizar o HTML aqui, ó. Ele vai criar até uma página de preço, né? Veremos o que que ele vai aprontar. Então, olha lá, ó, ele já definiu aqui o design system. O que que ele tá querendo aqui? Pronto, atualizo. Pode atualizar, pode ficar à vontade. Laranja, roxo, CTA secundário, neutro. Botão principal, botão secundário, textura do background será aplicado via CSS. Isso parece bom até aqui, acho que sim. Não tô vendo nada, mas parece legal. Ele já atualizou a landing page. A gente vem aqui, eu vou revelar aqui na pasta e vou abrir. A maneira de perder, a maneira de perder seu dinheiro. O ranking, passei do ranking mais irrelevante da internet. Vale sua situação financeira e compita para ver quem tem menos amor ao próprio patrimônio. Boa. Pobres ativos, PIB jogado fora, maior pobre. Como funciona mecânica quântica? Entra na plataforma, pague o que não tem. Ostente a miséria. Aí tem a fama aqui. Eu acho que ele não atualizou foi nada aqui. Que que ele atualizou aqui? Ele atualizou pouca coisa, cara. Final, você tem lá feature section, headline. Deixa eu ver aqui. Ah, ele atualizou aqui, ó. Certificado Acrônimo do Sol, super liso, criptografia de ponta, garantido que ninguém roube o que você já não tem. Ai, velho, API desgraça. Sincronize. Sua falência com Slack, Discord, LinkedIn. Vocês não me recebem alerta. Isso aqui foi nada a ver, cara. Analytics em tempo real, dashboard bonito mostrando em tempo real o speedrun da sua conta bancária em direção ao vermelho. Ai, velho, isso aqui é doideira, mano. Isso aqui é doideira. Perfeito, vamos continuar. A parte visual vai ficar mais clara quando chegamos nos componentes. Tipografia, beleza. Aí aqui, ó, é isso que de brainstorm, cara, ela faz isso. Então ela começa a passar em partes, sabe? Ela faz 2, tipografia. Então a fase 1, ele faz várias perguntas e salva lá o que que ele fez. Depois a fase 2, faz sentido, faz sentido. Aí depois eu faço 2, fase 3. Aí ele vai fazendo tudo isso, depois ele, você vai ver, ele vai salvar isso em um arquivo, cara. Para a gente trabalhar depois. Então deixa ele aqui, ó, mexer na parte do Supabase, fazendo aí o UI. A parte aqui já terminou. Boa! A parte 3, espaçamento layout. Então você viu que ele fez várias perguntas para mim sobre tudo isso, é agora ele tá revisando e passando cada coisa para mim. Continue perguntando, isso funciona. Porque, porque que eu gosto disso, cara? Porque, por exemplo, tem hora, cara, que tem algumas decisões que a gente tem que tomar, que é isso que o pergunta de brainstorm pergunta, e você para e pensa, fala, putz, mano, não tinha pensado nisso, sabe? Ou ela te mostra um step aqui, você fala, pois essa parte aqui não tá legal, vamos mudar isso aqui, entendeu? É que eu vou só ir dando sim para ela, tá, para ficar de boa aqui. Enquanto isso, olha, já começou, cara. O Cláudio agora ele atualizou a forma que ele faz task, tá, e ficou muito legal, cara, ficou muito legal, porque agora ele coloca uma task dependente da outra, sabe. Então esse aqui, por exemplo, ela bloqueada pela segunda. Então ele só pode fazer a task 3 quando ele terminar a task 2, entendeu? Cláudio tá ficando cada dia mais inteligente, mano. Componentes principais. Será que vale a pena usar ChatGPT, mano? Carta do 3. Aí eu gosto, porque ChatGPT a gente consegue customizar tudo, né, cara? Então não vejo problema. Ele tá pesquisando aqui na documentação. Pelo Context7. Context7 é o único MCP que eu tenho hoje, tá? E ele tá usando o Cloud Router, ó, Opus Orchestrator. Então ele tá usando o Opus aqui. Boa! Enfim, aqui ele vai continuar, cara. A gente já chegou a 10:11 e eu vou começar a pegar aqui o nome de todo mundo para a gente fazer o sorteio. Vou sortear uma semana do Cloud Code. Fechou, guys? Então primeiro adiciona as coisas do ChatGPT. Boa! E aí na próxima live a gente continua nesse projetinho aqui. Fechou. Sim, enquanto isso eu vou abrir aqui e vou ir pegando o nome de todo mundo que tá aqui e que comentou na live. Se quiser Participar do sorteio, comenta o seu nomezinho aí, fechou? Jefferson da Silva Teixeira, Caridson, Adam Ricardo Santos 9975. Roxys Pro, tô botando o nome de vocês aqui que já comentaram aqui, tá? Mateus Góes DS. O Mateus, ele já ganhou. Mateus não dá para colocar, Cláudio nem aceita. Jefferson já foi aqui, Maicon. Danilo Polastri, 887, W8, W8 Games com Conexton, Jefferson Maicon, Def Maurício Souza. Olha lá, aqui ele já terminou o design system lá, ó, skill de brainstorming, o que que ela fez? Então, design system, participa, hierarquia visual mais aplicação, estrutura visual, ranking, ele desenha, mano, as tabs do chat, o card de destaque, 1, 2, 3, e depois a tabelinha, página de perfil e username, e além de homepage. Sim. Deixa eu ver aqui, está pedindo alguma coisa, tá pedindo alguma coisa. Então, vamos embora. Parei aqui no Dévio Maurício. Aí que tem um Deus 3628, Santos Adam, Santos Adam. Não, é que eu— cadê? Vamos deixar só o Santos Adam. Tá roubando aqui, ó, usando dois usuários para comentar, pô. Caio, Andrés, Doug, Doug, JTDS, GB Dantas 59, Vibe Code Dev. Esse aqui é Vibe Coder mesmo, hein. Todo mundo aqui já tá, beleza. Tem um Danilo, Danilo Polastre já tá aqui. Maicon, no problem. KN8, BH Ribeiro. Calma aí que eu vou responder vocês, tá, guys, rapidinho aqui, só terminando aqui, ó. Júlio Gabriel 697, Cyber Security, Security Badge. Boa, já anotei todo mundo aqui, ó. Se alguém quiser ainda participar, é só comentar aqui na live. Tá? Só faz um comentário aqui, ó. Aqui ele já vai criar o design system. Deixa eu— pronto, criou. E aí deixa eu mostrar para vocês, cara, o que que essa— o que que essa skill faz. Depois que você passa por todo o processo com ela, cara— não quero comitar não, viaja não. Depois você passa por todo o processo por ela Ela vai vir aqui em Docs, Plans, Plans, tá vendo? E ela vai criar um planejamento inteiro, cara, de tudo que a gente conversou. E isso aqui é muito bom, cara, porque depois disso aqui eu falo para o Claudio para entrar no modo Plan Mode, entrar no modo planejamento. Aí ele vai entrar no modo planejamento, ler tudo isso aqui, ler o projeto, dá um click no contexto e começa a desenvolver. Entendeu? Então isso aqui é muito bom, tá? Eu particularmente gostei bastante dessa skill aqui e é o fluxo que eu tenho feito, cara. Deixa eu comentar aqui, ó. O Breno perguntou: salve, no seu trampo como tá sendo o fluxo do seu uso com IA? Mano, mesmo fluxo que eu tô mostrando aqui para vocês eu uso no meu trampo, tá? No meu trampo é mais doideira ainda, porque o CEO virou para a gente e falou: "Cara, vocês vão virar webcoder, vocês vão codar só com IA agora. Não quero vocês mais codando da forma tradicional." E aí ele deu para gente o cloud, ele deu para gente acesso a qualquer ferramenta de IA que a gente precisar, e falou: "Se precisarem, vocês falam com a gente que a gente aumenta o plano, não importa, mas vocês vão contar com IA." Que é isso que eu tenho feito, cara. Então tem sido bem legal. Empreendido bastante. Esse é um dos motivos de eu conseguir trazer tanta coisa legal aqui para o canal também e falar sobre com vocês e tudo mais. Tem um arquivo spec principal da stack para instalação, spec para cada módulo. Boa, da hora! E algumas skills para o código sair como eu quero. Tô curtindo esse meu método. Boa! Acho que essas skills também para fazer um código legal é bom mesmo. Boa, boa, pessoal comentando. O Júlio aí, ó, não comentei, mas acompanhando aqui desde o início. Pô, valeu, mano, valeu, valeu, valeu. Lembrando, gente, tem um grupo no WhatsApp aqui, ó, se vocês quiserem participar lá do grupo, tá aqui, ó, ler o QR code bem aqui, e tem na descrição aqui da live também. Beleza. Ou sabe, falou que tá dando retorno. Acho que tá normal, mano. A galera falou tá normal aqui, ó, tá normal. Boa, eu tava na dele aqui. Qual era o skill de design, mano? Não tem skill de design não. A skill, o que eu uso para UI, fazer landing page, né, ou para ter alguma ideia de UI, é esse aqui, ó, é o Aura Build. Esse carinha aqui, ó, Aura Build. Ai, deixa eu aproveitar e perguntar aqui, ó, agora cria a dashboard do app e a página de perfil do usuário. Então primeiro eu pedi ele para criar landing page e depois eu fiz um prompt horrível, cara. Isso aqui para mim é um dos piores prompts que a gente pode fazer para uma IA, cara. E vamos ver o que que ele vai criar aqui, tá? Quem tá aí, ó, fala, meu irmão, parabéns pelo trabalho. Valeu, Silvestre, valeu, meu irmão, obrigado por acompanhar aí, tamo junto, mano. O Aura Build, cara, é, não é um logo. Por quê, cara? Porque o Aura Build, a única coisa que ele faz é gerar um HTML, ele só gera HTML, cara. Eu acho que é, sei lá, o cara, o cara que fez, ele tá no X, ele falou, cara, todo mundo falou que ele era maluco de fazer isso na era da IA, mas ele foi genial, cara, porque ele gera um HTML, qualquer IA consegue entender isso e transformar isso para um código React, e você consegue com HTML puro e Tailwind, né, você consegue fazer muita coisa. Então, ó lá, tá gerando a dashboard do app. Visão geral. Bem-vindo de volta à sua realidade financeira. Total perdido. Meu Deus, mano, meu Deus. Ranking global, status atual: nome sujo, light, tem M. Vocês não estão vendo, desculpa, mas o que que eu fiz? Eu virei para ver o vídeo, falei: agora cria dashboard do app e a página de perfil do usuário. E ele tá criando aqui, mano. Se liga a dashboard. Esse Aura, ele faz isso, ele gera só HTML, cara. Visão geral: total perdido R$450, ranking global 842, top 58% dos falidos, status atual nome sujo, light. E aí tem o histórico de decadência, histórico de decadência. É, ele não cria nada funcional, ele cria só UI, cara. Últimas doações ou perdas, taxa de arrependimento, impulso de cesta. Já criou até o perfil do usuário aqui, mano. João Gastador, entrou em 2003, sobre especialista em comprar na alta e vender na baixa. Meu Deus, mano, meu Deus, velho! O score do Serasa, 320. Baixo risco de pagar cartão recusado. 14, configuração de privacidade. Olha isso, mano! Meu Deus, cara, ficou muito bom, cara! Ficou muito bom, ficou muito bom! [LAUGHTER] Agora que eu faço o ranking global e todas as outras páginas do sistema, vamos ver se ele vai aceitar isso aqui. Ah, eu já atingi os limites de 3 prompts. É boa. Deixa eu ver aqui, ó. Deixa eu ver a galera. Samuel, valeu, valeu, valeu! Cheguei antes tarde do que nunca. Quem chegou aí, ó? P, P, L, H, P. É isso aqui, né? É PQ. O nome do cara, mano. Boa! Para o exemplo, passando para ele a imagem aí, foi meu print do filme, tá dando bem bom dentro do curso. É, mano, Gemini para UI é o melhor, não tem como, não tem como. O Gemini é o melhor para UI. Sim, para código é o Cláudio. Cláudio é o brabo. Show, guys! Bom, vou fazer o sorteio, vou pegar o nome aqui, ó, de todo mundo. Deixa eu só aproveitar e ver o que que o Cláudio aprontou aqui, ó. Ele já terminou, cara, já configurou o Supabase aqui. Então tem que criar o projeto lá do Supabase e pegar API. Esse aqui eu vou fazer depois, tá? Eu não faço em live, que aí eu pego as variáveis de ambiente, essas coisas aqui, deixa depois aí, né? Próxima live a gente já continua aqui já com um projeto do Supabase já configurado. Mas isso aqui não tem segredo não, criar o projeto, pegar a URL, é num key-save, esse role, e salvar no env local. Só isso. Boa! E aí a gente já vai ter o carinha aqui. É verdade, o Daniel não tá aqui, ó. Daniel, Daniel Paiva. 7031. Deixa eu ver se tem mais alguém aqui comentou. Silvestre, silvestre.es.fonseca. Boa, boa, tá todo mundo aqui. Vamos lá sortear nomes. Sorteio online de nomes. Pera aí, pô, é isso, guys. Mais alguém aí? Antes de sortear o nome, deixe seu like, se inscreve no canal, ativa o sininho para você receber as notificações dos vídeos. Beleza? Se você quiser ser membro do canal, vai ser muito bem-vindo lá na área de membros. É uma forma de você apoiar o canal, uma forma de você apoiar a gente a continuar, eu, né, continuar produzindo conteúdo aqui para vocês, trazendo sempre conteúdo legal. Eu tenho, como eu já disse também, um lugar onde você consegue falar, né, quais vídeos vocês querem ver aqui no canal. Então esse aqui foi o que eu fiz recente, como gastar menos tokens com IA. Tem uns outros aqui que já estão mais votados. Vamos ver aqui, ó, engenharia de prompt. Esse aqui eu tô fazendo um curso da Google, cara. Eu comecei um curso da Google sobre engenharia de prompt. Pretendo depois fazer um resumo para vocês do curso. Muito legal, boa. Fazer networking, beleza. E aí, se você quiser dar uma sugestão de vídeo para o canal, aqui, ó, se colocar meu nome duas vezes, dobra minha chance. Não, só uma vez, cara, esquece. Esse aqui já tem dono. Boa! Show! Então aqui, ó, vou pegar de novo o nome de todo mundo. Venho aqui na UI, sorteio de nomes. Tá todo mundo aqui, vamos lá. Só lembrando, guys, quem ganhar aqui manda uma mensagem para mim lá no WhatsApp. Tem um grupo, nosso grupo no WhatsApp. Manda uma mensagem para mim lá, manda o print. Do seu canal do YouTube para mim ter certeza que é você, beleza? E aí eu vou te dar um link para você ter acesso a uma semana do Cloud Code de forma gratuita, tá? Então você vai conseguir acessar o Cloud uma semana e sentir o gostinho do Cloud Code, beleza? Fechou? É isso, vamos lá, animação, contagem regressiva e boa sorte para vocês aí, meus amigos. Vamos ver quem vai ganhar hoje, sortear. 5, 4, 3, 2, 1. Quem ganhou? Breno! Breno Ribeiro! Boa, parabéns aí, Breno! Deixa eu salvar esse print aqui. Breno Ribeiro, cadê ele aqui? Deixa eu ver se eu acho o comentário que ele fez aqui, cara. Breno, Breno, Breno, Breno, Breno, Breno, Breno. O cara fez um comentário na live, mano, um comentário na live e ganhou. Olha isso, enquanto essa galera tá comentando aqui. É, cara, a vida é injusta mesmo, é isso aí mesmo, a vida é injusta. Aqui, ó, o Breno já tem, pode sortear de novo. Boa, Breno acabou de falar aqui, ó. Boa, Breno! Pode sortear de novo que eu já tenho. Então vou sortear, dá só um ok aqui, mano, só para mim, só para mim sortear. Dá um ok aqui. Mas aqui, ó, o Pablo falou aqui, ó, manda o link do grupo. Não tô lá. Esse link aqui, ó, grupo no WhatsApp. Ou você lê o QR code, se você tiver pelo celular, tem um link aqui na descrição do vídeo da nossa comunidade no WhatsApp. Beleza. E aí é só você mandar uma solicitação lá que eu aprovo você, fechou? O Breno pode sortear mesmo, cara. Vamos ver, vamos ver, vamos ver, vamos ver. Aí, ó, agora é a chance do Michael. Agora é minha chance. Deixa eu ver se dá para mostrar aqui. Aí, ó, dá para mostrar aqui, ó. Olha lá, boa, boa, boa, boa, justo. A Rocha fechou lá. Então vamos lá, vou sortear de novo, hein. Deixa eu fechar aqui. Vamos lá, vamos sortear mais uma vez. Sortear de novo, agora vai. 5, 4, 3, 2, 1. O Jefferson ganhou! Jefferson, esse aqui tá sempre com a gente, mano. Esse aqui já tem muito tempo. Boa! Deixa eu tirar um print aqui, print novo. Boa, boa, boa, boa, boa! O Jeff, mano, o Jeff está com a gente aqui desde— ele é sempre o primeiro, ele foi o primeiro a comentar aqui, ó. O primeiro, aí você nem começar, ele já tinha dado bom dia. Boa, Jefferson! Aí, ó, galera, vocês que não foram hoje, semana que vem, enquanto eu tiver cupom de cloud para mandar para vocês, eu vou fazer um sorteio aqui por live. Beleza? Enquanto eu tiver um cupom, vou fazer um sorteio aqui por live, tá? Então, boa! O comentário, eu vou mostrar o comentário aqui. Show, guys! Não tenho sorte, coitado, mano. Coitado, cara, coitada. Lá, vamos ver os comentários aí, ó. Para eu usar no meu open cloud, mano, coragem usar isso. Open cloud, mano, você tá usando ele, tá gostando? Eu ainda, mano, nem instalei, cara, não quis nem usar. Acho que tem um hype muito absurdo e sei lá, acho que hoje ainda não faz sentido usar esse negócio não. Vou gastar muito tempo à toa. Mexendo, configurando, sei lá. Enfim, depois manda aí para a gente o que que você tá achando do Open Cloud aí, que já mudou de nome de novo. Agora é Open Cloud, né? Agora era o CloudBot, depois foi um outro nome, agora é o Open Cloud. Multibot, é CloudBot, Multibot e Open Cloud. Boa! É isso, guys. Poxa, obrigado, cara. Obrigado todo mundo que participou aí. Obrigado todo mundo que veio na live. Semana que vem a gente continua então fazendo o Eu Sou Pobre, beleza? Eu vou mexer bem pouco nele aqui, vou só configurar o Supabase, deixar tudo certinho, porque aí semana que vem a gente continua e a gente faz uma live code lá, mas um speedrun mais brabo dele, tá? E mostra para vocês direitinho todo esse processo. A gente vai fazendo aqui junto. Depois a gente integra na AbacatePay e a gente vai fazendo outras coisas aqui. Mas eu gostei muito, cara. Eu achei que a landing page ficou muito boa, ficou muito boa. Eu gostei. Acho que a ideia principal é essa, né? Ser zoeira mesmo. E ficou muito bom. Fechou, galera? Até semana que vem então. Terça-feira, se tudo der certo, sai um outro vídeo no canal, tá? Lembre-se, compartilha lá com a gente, ó. Fala que tipo de vídeo você quer ver no canal. Vou mandar o link aqui de novo, é só entrar. Você compartilhar lá e falar, cara, queria ver um tal vídeo aqui, dá uma sugestão de vídeo lá para o canal. Vota também nas sugestões, grupo aqui no nosso WhatsApp, beleza? Participa lá da nossa comunidade. Assim que eu terminar a live aqui, eu já aprovo você lá. E eu tô sempre lá, cara, participando. A galera se entrosa bastante, a galera conversa muito. Ontem, por exemplo, o cara compartilhou um SaaS que ele tava fazendo, a galera deu um feedback mó legal lá, cara. Começaram a trocar mó ideia. Nem eu tava conseguindo acompanhar o WhatsApp, cara. Tinha mais. Eu saí, tipo assim, um pouco tempo depois que eu voltei, tinha umas 200 mensagens lá no grupo da galera batendo papo. Então a comunidade bem junto, bem unida. Eu tô sempre lá participando com vocês também. E se você quiser se tornar membro do canal para apoiar aqui, me apoiar, continuar criando conteúdo, se torna um membro do canal. Mas você também me ajuda muito dando seu like, se inscrevendo aqui no canal, compartilhando meu vídeo para as pessoas. Eu fiz, né, o vídeo recente aqui, ó. Deixa eu mostrar. Cadê, cadê, cadê, cadê, cadê? Aqui, ó. Então, vídeo recente que eu fiz, se você não viu ainda, dá uma olhada aqui, ó. Tokens, cara, esse vídeo aqui ficou muito legal, foi um dos vídeos mais legais que eu gostei de fazer no canal, tá? Sobre o hackathon que eu participei. E tem também lá como valida a ideia do MVP. Ideia para MVP, onde que eu compartilho o prompt, tá? Compartilhei com vocês. E aí ajuda compartilhando as coisas do canal, tem bastante coisa aqui e eu pretendo continuar produzindo cada vez mais conteúdo aqui, ó, menos hype e mais resultado com a IA. Fechou, meus amigos? Obrigado todo mundo que participou aqui hoje, Deus abençoe vocês e até semana que vem.