Notícias de IA, Clowdbot, Hackathon e etc | 🔴 Live Coding + SORTEIO CLAUDE CODE

Portuguese live stream covering AI news, including the Claudio Bot rebranding controversy and security risks. The host reviews landing pages using Aura Build and prompt engineering, demos a hackathon project called Visible that turns commit data into user-facing SaaS feature updates, and gives away Cloud Code coupons.
Chapters
Bom dia, bom dia, bom dia! E meus amigos, bom dia! Deixa eu mandar no chat aqui, ó. Bom dia, bom dia! Como é que vocês estão? Falem comigo. Muito bom dia! Esperei o cronômetro chegar. A zero. Bom dia, bom dia! Quem já tá aí, dá um bom dia, já deixa seu like. Se você não é inscrito, já se inscreve no canal e já deixa um comentário aqui já para participar do sorteio, tá bom? Já deixa um comentário para participar do sorteio. Bom dia, bom dia, bom dia! Aí, ó, a galera já tá aí, ó. Só quem coda fofo diz oi. O marido deve, marido deve mandou um bom dia aqui, a boa. Só quem coda fofo diz oi aí, ó. Eu não vou falar oi não, porque eu não gosto do fofo não, mano. Eu não gosto do fofo não. Eu já tô no limite do Cláudio semanal, guys. Tá treta, vou ter que usar o Sonei aqui para diminuir um pouco os custos de token aqui. Caramba, lá, ó, minha seção de todos os modelos, reset em 4 horas e 55 minutos, com 98% usado, cara. Essa semana foi punk. Bom dia, Matheus! Bom dia, bom dia! Ô, Matheus, se eu não me engano, mano, semana passada foi você que ganhou o sorteio. Você não me mandou mensagem não, cara. Depois, se você puder, se quiser, o Claudio Coach, não, a semana do Claudio Coach, manda mensagem lá no WhatsApp. Acesse o QR code aqui em cima e aí você consegue mandar uma mensagem lá para mim no WhatsApp. O GX deve aí, ó. Bom dia, GX, me manda aí sua landing page. Que eu vou dar uma repaginada nela aqui, mano. Fechou, GX deve, ó. Bom dia, bom dia, bom dia, show! Luiz falando, automatizou até o bom dia para esposa. Guys, sobre a live de hoje, eu não pretendo fazer um live code hoje, um live code real. Eu vou fazer algumas coisas aqui E eu não pretendo fazer porque eu realmente bati o meu limite do Cloud Code Semanal, então eu tô com bem pouca coisa para codar agora. Eu tenho que ficar de braço cruzado fazendo como os Incas e os Maias faziam, igual lá no hackathon. Mas a minha ideia da live hoje, cara, é mostrar para vocês o projeto do hackathon, basicamente o que que a gente fez, mostrar para vocês um pouco sobre o CloudBot também. Eu tenho lido bastante coisa e eu não quis testar ainda. Porque sei lá, mano, eu tô bem de olho com essa questão de segurança, né? Então a gente tem que ficar bem de olho em questão dessa questão da segurança dessas coisas. E eu não acho que tipo assim, sei lá, eu vou usar o GlauteBot, eu vou mandar um bom dia para ele, ele vai me dar as notícias de hoje. Então eu não vi ainda algo muito real. A gente vai bater um papo sobre isso, fechou? E também, se vocês quiserem que eu analise alguma landing page, analise algum site, alguma coisa que vocês estão fazendo, manda aqui que eu vou analisar junto com vocês, tá? Eu analiso aqui ao vivo para vocês, dou meus pitaco de designer, tento ajudar vocês a melhorar alguma coisa, dou alguma dica sobre como usar IA para melhorar tais coisas e tudo mais. Beleza? E por último, a minha ideia é falar sobre um projetinho que eu tô começando, que eu comecei tem pouco tempo com um amigo meu. A gente tá bem na fase de desenvolvimento ainda, terminando alguns ajustes. Mas esse foi um dos motivos que eu zerei meu limite semanal do Cloud Code, cara. Eu codei bastante no projeto, é um projeto bem legal. Mas enfim, é isso, guys. Espero que vocês curtam, participem aqui da live hoje, a gente vai conversar bastante. Acho que vai ser bem legal. O Vinícius deu bom dia aqui. No final da live, como eu tô falando, né, final da live eu vou sortear uma um cupom do Cloud Code para você receber uma semana, tá? Na semana passada a gente sorteou 3, somente uma pessoa mandou mensagem, então a gente tem 2 sobrando. Eu também tenho mais 2 sobrando. Os 3 que a gente sorteou na semana passada foi o Luiz que tá aqui na live, que deu, tá? Então agradeçam ao nosso amigo aqui, é esse carinha que é o Luiz, esse aqui, ó, Luiz Gomes, meu parceiro dos Art UI, tá? Ele que deu Aqui, ó, esse caiu. Isso aqui que eu quero aí, ó. Eu quero isso aqui, mano, pode mandar ou me manda no chat. Eu não sei se você tá na comunidade do WhatsApp, manda lá para mim. Se eu conseguir acessar aqui vai ser ótimo, mas me manda aí para mim dar um pitaco. Eu quero muito ajudar vocês nessa parte aí, ó. Boa! Ok, olha aqui, o cara tá mandando um super chat aqui, ó. Caramba, primeiro super chat do canal do meu amigo, cara! Obrigado, que emoção! Dá dicas aqui, ó. Dá dica de aprofundar na role level security. Pessoal esquece disso em produção e se quebra depois. Aí tem mais coisa aqui para falar, mas boa, mano, boa. Isso aqui é importante para caramba. Para quem não sabe, eu tenho até um e-book disso, cara. Deixa eu abrir aqui e mostrar para vocês. Espera aí que eu vou compartilhar minha telinha aqui para vocês. Boa, Luiz Ardi! O Luiz, o contato do Luiz no meu celular tá Luiz Arde, que a gente é o parceiro dos Arde. Vai, eu chamei de Luiz Arde. Deixa eu vir aqui na demo, pera aí, compartilhar a tela aqui, ó. Só pegando aqui a dica que o Luiz deu sobre o role level security, eu consigo dar bastante dica para vocês sobre isso porque eu tenho um e-book disso, cara. E aí, ó, seu SaaS tá vazando os dados e você nem sabe. Então eu nesse e-book eu estudei para caramba, estudei para caramba mesmo sobre essa questão do e-book de role level security, como que a gente trabalha, né, com single tenant, multi-tenant, um aplicativo ou sistema de marketplace social, erros comuns, checklist. Enfim, eu tenho isso. E aí o Luiz já deu a dica aí. E a gente vai, eu dou uma repassada aqui, dou algumas dicas para vocês aqui na live de hoje também. Fechou? Valeu, Luiz, pelo superchat. Obrigado, mano, todo apoio sempre. Você é brabo para caramba. Os textos da landing page são genéricos demais, mano. É essa que é a questão, cara. Você usou, você usou qual IA para gerar os textos da landing page? Qual é a que você usou para fazer a landing page? Depois fala para a gente aí, mano. É, o GX me mandou aqui um pay, um TSX só, mano. Aí você me quebra, GX. Deixa eu ver se eu consigo abrir esse TSX aqui. Espero que não seja vírus. Boa! Aí o Santiago me chama de Luiz Arte também. O marido, manda aí a sua landing page para mim, mano. Mande sua landing page. Agora mandou um PDF, cara. O GX, bota isso na internet, mano. Ninguém vai ficar acessando esse negócio não, cara. Pô, GX, aí, ó, já vou aqui, já abri sua landing page aqui para galera ver, tá? Já vamos dar uma olhada aqui, ó. Já vamos dar uma olhada na landing page do GX aqui. Deixa eu abrir aqui para vocês. Aqui, aqui, aqui. Boa, boa, GX! Parou de compartilhar, pera aí. Acho que agora tá compartilhando, né? Estão vendo aí, né? Boa, boa, boa, boa! Ai, mano, deixa eu ver como que eu dou um full screen aqui. Boa, vamos lá, mano! Landing page do GX, tá? Vamos dar uma analisada aqui. Com certeza, eu tenho quase toda certeza que isso aqui foi feito no Aura Build. Por quê? Por causa disso aqui, ó. O Aura Build sempre vai gerar com esse negocinho aqui, e foi o que eu pedi para ele para fazer, tá? Eu falei com o Jesus, cara, faz, joga seus textos e as coisas no Aura Build, e aí depois você vai ter que mexer isso e trabalhar isso com cloud, tá? Uma coisa muito importante no Aura Build, cara, é você especificar para ele, ou pelo menos pedir para ele colocar— não, desculpa, primeiro falar o que não deve fazer. Você não deve pedir para ele o que que ele tem que fazer. Você não tem que informar para ele, ó, você tem que colocar uma coisa aqui, tem que fazer uma coisa ali. Não, o que que você tem que pedir para o Aura Build, cara, é para mandar o texto ou mandar a ideia, e você tem que pelo menos direcionar ele para qual cor ele vai usar. Tá? Qual cor ele vai usar, ou qual suas cores principais da marca? Você já tem que ter isso definido, cara, porque senão ele vai usar qualquer uma. E aí você tem que pedir para ele 3 coisas. Primeiro, se é light mode ou dark mode. Segundo, a cor principal da marca. E terceiro, você vai ter que colocar o prompt ou mostrar do que que é a ideia, do que que fala o projeto. Beleza? Então você fazendo essas 3 coisas para o Power Build, cara, ele vai conseguir fazer um um projeto legal. E aí eu tenho estudado bastante sobre prompt engineering, eu tô fazendo o curso da Google e eu pretendo colocar um vídeo aqui no canal depois sobre isso, dando um resumo, né, do curso da Google. Mas eles falam muito, cara, sobre você sempre direcionar e falar. Eles têm um método, né, que eles chamam, o método se chama, ai caramba, qual que é Qual que é o nome do método? Enfim, um método lá em inglês, cara. Mas eles sempre falam, né, para a gente dar a task, o que que a IA tem que fazer, a gente dá o contexto, um pequeno contexto, é muito importante. Então quando você for pedir alguma coisa para o Power BI, você tem que fazer isso, porque senão ele vai gerar algo muito genérico mesmo. E aí de cara assim, ó, que eu já vejo na landing page, ela não tem cor nenhuma. Então fica tudo meio, eu sei que aqui vai vir alguma coisa depois, né? Você vai querer colocar algum preview aqui. Provavelmente você pediu ele para fazer isso. Se você não tivesse pedido, ele tinha gerado já um mockup de como seria sua aplicação. Isso aí, isso para mim eu acho fantástico, mas provavelmente foi porque você pediu. Mas é que além de page tá sem graça, cara, ela não tem cor, sabe? Ela não tem alguma coisa que se destaca. Então colocar aqui essa cor de destaque como cinza não é legal. Então é uma coisa que dá para melhorar na landing page. Seus dados não saem do seu computador. Multimoneda nativo. Uma dúvida, mano, você chegou a usar aquele template de landing page que eu compartilhei? Ou aquele prompt que eu usei da ideia para MVP? Porque normalmente ele gera, né, já um template com a landing page bem legal. Que quando você manda ele, o landing page spec, para o Build, ele já gera uma coisa bem legal com o que que uma landing page tem que ter. Então, normalmente, a landing page, ela vai ter que ter esse header aqui, tá? A landing page vai ter que ter alguma coisa de depoimentos de início. Como é um projeto novo, não precisa. Ela vai ter que ter umas features. Se for um projeto pago, vai ter que ter os preços. É muito importante uma landing page ter, é muito importante, além de ter um FAQ, tá? É muito importante também. Mas essa parte aqui eu não entendi, mano. Cadê? Pera aí que deixa eu voltar aqui. Eu não entendi essa parte aqui, design feito à mão. Esse aqui, esse aqui ele viajou, hein? Esse aqui ele viajou completamente, viajou completamente. Mas enfim, mano, eu te recomendo depois pegar a sua ideia, rodar lá naquele projeto que eu tenho, né, lá no canal do Ideia para o MVP, para você conseguir gerar, mano, arquivos finais bons do que que é o projeto e tudo mais. E aí depois você consegue mandar, cara, o PRD para o Aura Build. Ao invés de mandar o landing page spec também. Às vezes funciona, eu já fiz o teste igual o projeto do Hackathon mesmo, eu fiz esse teste, eu mandei o PR desse, eu não me engano foi nenhum landing page spec, eu não lembro de cabeça, mas e aí ele gerou a landing page, tá? Mas cara, olhando assim, o que que eu mudaria? Eu colocaria alguma cor principal da marca, tá? Mas, e eu colocaria mais algumas seções aqui de uma landing page boa que a gente precisa ter. Show! Agora eu quero ver se eu consigo pegar. Eu não conseguiria pegar o texto aqui, mano. Não consigo. Acho que você quer uma imagem, né? Eu queria conseguir pegar esse texto aqui. O GX, você conseguiu mandar? Você mandou o TSX, né, cara? Porque a minha ideia, eu queria tentar gerar uma outra landing page aqui no Aura Build. Deixa eu ver meu Aura aqui se eu tenho crédito suficiente. Só tem mais um prompt aqui para gerar nessa conta aqui, ó. Show, beleza. Deixa eu tentar pegar o TSX aqui, guys. Um segundinho aqui. Page.tsx. É que eu não vou pegar o texto, cara. Tinha que— eu precisaria de algum detalhe do projeto GX para mim conseguir gerar alguma coisa no hora build aqui. Enfim, o marido aqui mandou. O marido deve— beleza, o marido deve mandou aqui, ó. Deixa eu pegar o do Mari e do Deve aqui para a gente ver. Boa, boa, boa, boa! Agora a gente vai ver a do Mari e do Deve aqui, além de page dele. Aqui já tá, já tá mais legal, hein, mano? Gostei, gostei do, gostei do reader aqui, do hero. Já um detalhe, mano, depois tira esse aqui do— aí aqui não tá dando na live, não tá dando para ver. Pera aí, deixa eu modificar aqui, ó. Aqui embaixo, aqui, ó, tem a logo do Gemini. Então dá para ver que foi feito com IA. Então eu costumo remover isso aqui. Você pode só dar um crop para imagem menor ou usar algum removedor, tá? E tá parando de compartilhar do nada aqui o negócio. Não sei por quê, mas enfim. Então eu gostei, cara. Deixa eu ver. Proteção jurídica, especialista em direito. Esse aqui foi o que você disse, né? Deixa eu ver aqui o que ele mandou, né? A questão de ter, sei que não são todos reais. Eu dei um direcionamento para o Geminal, ele fez isso tudo em markdown, joguei no, joguei no logo, cara. Qual que é a sobretexto Qual que é a melhor dica que eu tenho para te dar, cara, e que eu tenho usado bastante? Deixa eu só dar uma olhada na landing page aqui, tá? Então aqui eu já tenho a hero, ele já tem o serviço. Isso aqui é legal, eu não consigo clicar, não tem problema. Esse texto aqui, ele tá muito pequeno, tá muito pequeno. Talvez um destaque maior, tirar essa caixinha daqui. Ver todos os artigos. Não sei por que que ele tá parando, cara, de compartilhar. Deixa eu fechar algumas coisas aqui. Fechou o Discord. Discord gosta de comer memória da gente, cara. Quando eu cliquei lá em ver, né, no blog, ele removeu o reader. Isso aqui eu não gosto. O reader deveria continuar. Ele criou esse botão de voltar aqui para o site. Deixa eu tentar compartilhar uma janela aqui para ver se vai. Boa, boa, boa! E aí, mano, qual que é a dica que eu tenho para dar para vocês, tá? Para vocês que estão tá querendo mexer na parte do texto e acho que o texto ficou muito genérico, cara, o que eu tenho usado muito, cara, mas muito, é skills. Principalmente do— isso aqui é mais para o cloud, tá? Mas, cara, essas skills aqui estão mudando a forma de mexer e trabalhar com cloud. Explicando para vocês rapidamente o que que é uma skill, cara. Isso aqui é a coisa mais idiota que existe na vida, cara. É simplesmente um texto que vai dentro do seu prompt, nada mais do que isso, tá? Skills é nada mais, nada menos do que um MD, um arquivo MD. Só que elas dão uma direção para o cloud de como ele deve trabalhar e do que que ele deve fazer. Então eu posso simplesmente copiar esse texto dessa skill aqui, ó. O que eu vou falar para vocês é skill de copywriting. Você vem aqui, escreve writing, e você vai ver essa primeira skill aqui, ó, 5.6k de instalações. Essa skill aqui, ó, você vai ver que tem o repositório aqui, tá, repositório dela. E aí você entra aqui em skills e é só achar aqui, ó, copywriting. O que que é? É uma skill.md e algumas referências, copy frameworks e natural transitions. Mas, cara, uma skill nada mais é do que um texto. Então, se você copiar isso aqui, esse texto aqui, ó, se você copiar esse texto e colar no seu prompt e mandar e pedir ele para fazer alguma coisa, ele vai fazer com uma outra IA. Não sei se vai ser da forma tão boa quanto é no Claude, tá? Mas, cara, essa skill aqui, ela é simplesmente fenomenal, cara, simplesmente fenomenal. Por quê? Porque ele vai pensar como copywriting, ele vai te perguntar se ele tiver dúvida sobre o projeto, ele vai te perguntar as dores que a pessoa tem, quais são as objeções que a pessoa tem, que o seu, a persona, né, que a persona tem ao acessar o seu site. Então, cara, eu rodei essa skill aqui num projeto que eu tô, que eu tô fazendo, e é simplesmente fenomenal, cara, é simplesmente fenomenal. Ela mudou muita coisa nos textos, na forma de falar com usuário, em algumas coisas que precisava melhorar. Então essa skill aqui tem sido muito, muito boa, tá? Eu vou deixar o link dela aqui para vocês, para vocês acompanharem, tá? Mas só usem. Então entrem nesse site aqui, opa, aqui, ó, skills. Para mim tem sido um dos melhores sites para mim buscar skills, cara. E a instalação é muito simples, tá? Você vai vir aqui, clicar aqui, e ele já dá aqui, ó, opção de você instalar, tá? Só você copiar isso aqui e rodar no seu terminal, e ele vai perguntar onde que você quer instalar, se é localmente no projeto, se é globalmente. E aí é só rodar isso aqui, instalar, e acabou. Não tem segredo não, beleza? Mas usem, cara, usem. Podem usar skill à vontade, principalmente no cloud. O cloud é muito bom para isso. Deixa eu voltar aqui na página do Luciano. Então, Luciano, a dica que eu tenho para você, cara, é— Luciano, de onde que eu tirei Luciano? Não é o marido, deve é o Alan. Não sei de onde que eu tirei Luciano, não. Mas a dica que eu tenho para você é rodar esse skill do Cloud, mano. Se você não tiver usando Cloud, tenta usar alguma outra aí, mas Tenta rodando essa skill. As imagens, eu achei bem legal a imagem, tá? Não achei ruim não. Só recomendo você tirar aqui essa parte do Gemini aqui, ó, a logo aqui. Talvez eu adicionaria algumas outras coisas aqui para melhorar, mas tá legal. Você pode tentar depois. Eu não sei se você usou o Aura Build, eu acho que não. Vai tentar depois gerar alguma coisa com ele para você ter algumas outras ideias. Show! Aqui, ó, ele acabou de perguntar aqui, ó, deixa eu voltar para minha tela normal e mostrar aqui, ó. Para quem não usa o Cloud Code, rola de colocar um ponto MMD de referência que vai ser usado pelo modelo, né? Isso, isso mesmo. Então você pode baixar aquele ponto MMD lá e colocar as referências E aí ele vai, e aí ele vai entender, né? E você pede, coloca ele como referência, pede alguma outra coisa. Eu não sei se ele usa, não sei se ele vai usar da mesma forma como o Claudio usa, cara, porque o Claudio usa isso de uma forma muito legal. Eu sei que o Curso lançou recentemente uma parte de skills também, que eu acho que é a mesma coisa, tá? E aí ele perguntou, acho muito com cara de Mano, tá uma landing page normal, sabe? Não tá diferenciada, tá uma landing page genérica como as IAs estão fazendo, mas não tá tão genérica assim como o pessoal tem feito, por exemplo, com o álbum, porque eu vejo normalmente, tá, alguns caras, os cara lá do comentário do vídeo que eu, o vídeo que eu fiz sobre, o vídeo que eu fiz sobre landing page, para eles tem tudo com cara de AI, tá? Até além das landing page que eu fiz lá do do Record. Até essa aqui, ó, até essa lente em peixe aqui os cara falaram que tá com cara de A do Record. Mas até as lentes em peixe aqui falaram que tava com cara de A. Então, para eles tá com cara de A, para mim não tá, tá genérico, cara. Para mim tá normal. Poderia melhorar? Poderia. É que eles falaram que essa aqui tá com cara de A, mas poderia melhorar? Poderia, cara. Talvez uma dica que eu te dou Você pode vir aqui no Dribbble ou no Behance. Behance. Como é algo para advogado, né, vem aqui, pesquisa advogado. Eu não recomendo pesquisar advogado, né. Lawyer. Lawyer. Aí aqui você vai ter várias referências boas, cara. Eita, caramba, não tô compartilhando a tela, que burro, perdão. Mas aqui, ó, que que eu fiz? Eu vim aqui no Dribbble, acessei aqui, ó, dribbble.com, Dribbble. Isso aqui são sites que eu costumo usar de referência, tá? Então eu venho aqui, pesquiso lower, lá Aí, ó. E aí, por exemplo, a primeira aqui já é uma puta landing page de advogado. Da hora! Aí, que da hora! Então aqui você consegue pegar muita referência, tá, de landing page, de coisas. No Behance aqui também, ó, lawyer. E aí você pega as referências. Então o que que você consegue fazer? Você consegue pegar algumas fotos aqui e mandar para IA. O Gemini principalmente é muito bom para pegar essas referências e criar coisas legais, tá? Mas aqui, ó, mano, os Behance são os projetos muito foda, cara. Olha isso aqui que da hora! Então isso aqui não é cara de IA, cara. Isso aqui é projeto normalmente feito por um designer, uma empresa, né? Então aqui é uma landing page perfeita, cara, responsiva, que eles mostram, tá vendo? Então você consegue pegar muita referência aqui, tá? Que é uma boa, são bons lugares para pegar referência. O PH Daniel falou, usei de exemplo aí, mas não fiz com IA. Aí eu tenho birrinha, joga meu nome aí, PH Daniel. Se eu jogar PH Daniel aqui, vai achar? Acho que não, acho que não vai achar não. Aqui, ó, o Deve Maurício mandou: good morning, trabalhando e assistindo a live. Boa, vamos embora! Show, show! Deixa eu pegar aqui o que o pessoal mandou. Vamos revisar mais aqui. Deixa eu fechar essas páginas tudo aqui que tá uma bagunça já. Aqui, aqui, aqui. Agora eu vou revisar a do Luiz, o Luiz Ardi. Ele mandou aqui para mim para revisar. E aí ele usou o fluxo do Aura mais o Cloud com os toques especiais. Um novo modo de aprender física, mecânica quântica para curiosos. Caramba, mano, é um nicho do cara, velho. Mano, a única coisa que eu já achei estranho foi esse espaço aqui, tá? Espaço que para mim tá muito grande. Ou você remove isso aqui, ou você coloca ele aqui mais para baixo. Eu achei estranho esse espaço, tá? Mas a Hiroki tá bem legal. Esse vídeo no fundo ficou bem, no fundo aqui ficou bem legal. Eu curti para caramba, tá? E aprenda curso. A gente tá boa. Play do YouTube, ensino de física com profundidade, sentido, história e filosofia. Mano, achei isso aqui meio estranho, cara. Só tem um texto aqui, sabe? Talvez poderia trabalhar melhor isso aqui, Luizão. Essa partezinha aqui, mano, do básico avançado, simplificar etapas. Isso aqui ficou bom, cara, ficou legal. Mais procurado, ó, tem um destaque para esse aqui. Boa, muito bom. E garantir a vaga sobre o professor. Conhecimento não é gasto, é investimento. Top, Luizão! A única coisa que eu te recomendo também é usar aquela skill do copywriting, tá? Só para você dar uma revisada na landing page, para ver se tem alguma coisa. Então vem aqui no Skills SH, é pesca esse copy, pega esse skill do copywriting aqui, roda nessa sua landing page, você vai ver o tanto de coisa que ele vai pegar, mano. Vai ser muito bom, vai ficar melhor ainda, cara. Mas achei muito foda. Pra mim ficou muito bom. Tem um verde, né, ele trouxe um destaque muito bom pra landing page. Eu acho que você conseguiu trabalhar bastante isso. Essa hero aqui eu achei bem legal, gostei pra caramba. A única coisa que eu achei estranho foi isso aqui, que eu acho que dá pra melhorar, rodar uma skill de copywriting. Boa, começar agora vai por baixo. Aqui bugou, hein? A imagem tá aumentando junto, coisinha para você arrumar. E depois a imagem está aumentando junto com o negócio. Boa, boa, boa! Aí falou como o mobile é mais insano, brabo. Deixa eu ver, vou botar no iPhone SE, tá? Caramba, ó, que que botou no fundo ali? Mecânica Quântica para Curiosa. Aí ficou com espaçamento bom aqui. Boa, aqui legal. Aí eu tinha pensado dessa mesma coisa aqui no desktop, mas eu acabei não falando, mano. Eu tinha pensado disso aqui no desktop também, tá? Em vez de ser aquele, uma lista completa. Mas ficou muito bom, mano, muito, muito bom. Aqui já não tá com bugzinho, a imagem tá fixa aqui. Boa! Você lançou um botãozinho aqui de garantir vaga fixo. Legal, boa, top, mano! Parabéns, projeto da hora! Cláudio é brabo, o Cláudio é muito brabo. Boa! Tem mais um aqui para revisar. Aqui é o Lucas. O Lucas mandou aqui. Boa, boa, boa! Vamos revisar do Lucas agora aqui, ó. Vamos embora. Legal, ó. Ufa, mano! Isso aqui, isso aqui, guys, é a coisa mais estranha que eu acho no inglês, cara. O inglês, eles não falam au au. Para eles, cachorro não fala au. Para eles, cachorro fala ufa. Isso aqui para mim é a coisa mais estranha que existe no inglês hoje. Sério mesmo, para mim não faz sentido. Meu cachorro tá latindo aqui agora, não sei se vocês conseguem ouvir, mas o cachorro claramente fala au, cara. Nunca vi um cachorro falar uff, cara. Enfim, vamos rever. Além de Impede, aqui, ó: cuidado com, cuidado que seu pet merece, e confia, veterinário de experiência combinada. Boa, cara, gostei. Eu senti falta talvez de alguma coisa, cara, alguma foto ou algum vídeo. Aqui não ficou claro para mim o que que é, o que que é o projeto, sabe? Cuidado que você pede que eu me ensino veterinária como tecnologia boreal. Isso aqui é para uma clínica veterinária. Se for. Para mim não ficou claro. Novo laboratório integrado. É, parece uma clínica mesmo, pelo que eu entendi. Isso aqui para mim tem que melhorar, não entendi o que que faz isso aqui, mas deveria ser um vídeo, né, alguma coisa, pelo que eu entendi, tá. Serviços completos. Agora chegou na parte da clínica, consultas. Cara, tá bem legalzinho, tá bem bonitinho, cara. Laboratório em tempo recorde. Gostei, cara. Essa parte aqui do lado ficou legal. Conhecer estrutura, 2000 pets atendidos. Isso aqui você gerou no Aura? Deixa eu ver na mensagem do WhatsApp aqui, cara. No Aura ainda, eu vou subir ela para Prod caso queira validar. Boa. Pronto para agendar uma visita. Legal. Aí, aqui, cara, ficou uma estrutura legal. O que eu tentaria mexer um pouco é no hero, cara. Então roda esse carinha aqui de copywriting para ele tentar melhorar o seu header aqui, a mensagem. Tá? Mas como é uma clínica, cara, eu também senti falta talvez de um botão do WhatsApp, um botão que vai direto para o WhatsApp. Eu acho que isso é importante para esse tipo de lugar. Então esse Agendar Agora e o Falar com Especialista, eles tem que ter um call to action, né? Mas é importante a gente entender, cara, que landing page, dependendo do nicho, dependendo da da empresa, né, elas mudam bastante, cara. Então uma coisa é uma landing page de um SaaS, uma coisa é uma landing page de uma clínica veterinária ou de um advogado, por exemplo, sabe. Elas não podem ser a mesma coisa, cara, não tem o mesmo objetivo, entende. Além de um SaaS, você vai quebrar todas as objeções do cara e fazer o cara acessar e comprar de você já na hora. Além de um advogado, é para o cara acessar o site, o cara não quer saber muita coisa. Pensa comigo, eu vou entrar no site do advogado, eu vou tentar ver algumas coisas, talvez alguns depoimentos principalmente, mas eu quero é o contato do advogado, cara. Se eu entrei na landing page dele, eu entrei talvez pelo Google, entende? Então pensa, sempre que você for fazer uma landing page, você tem que pensar no fluxo do usuário, cara. De onde que esse usuário vai vir, entende? Então, por exemplo, do advogado, o que que eu penso? Talvez ele chegou pelo Instagram ou ele chegou pelo Google, e aí ele clicou, cara, talvez ele tá querendo é o contato do advogado, que ele não achou no Instagram e não achou no Google, ele só quer conversar, sabe? Numa clínica também eu acho que é a mesma coisa. Então a pessoa vai entrar no site da clínica, ela não vai olhando, ela não vai ficar olhando algumas coisas que talvez não precisa, sabe? Mas aqui para mim tá legalzinho, cara, não achei ruim não. Então os serviços, acho que por uma clínica é muito importante focar bem nos serviços para saber o que que tem, o que que faz. Esses dias eu tava procurando, tive que procurar uma uma ortopedista para o meu cachorro, cara. E eu fui para o Google, e aí no Google eu fui procurando algumas coisas, entrei. Mas o que que eu queria? Eu queria saber se tinha alguém especializado em ortopedia, mas na landing page nenhuma landing page tinha, cara. A landing page era só uma coisa genérica, sabe? Então sempre quando você for fazer uma landing page, você tem que pensar como que é usuário vai chegar e por que que ele vai chegar nessa landing page. Entendeu? Tomando uma água aqui, guys. Ficar falando uma hora é fogo. O Luiz Arte falando aí, só jogar uns SVG de cachorrinho. Boa, fica até bem leve porque tem como fazer com CSS apenas e pouco JS, mano. Um outro projeto que eu curto bastante, ai caramba, mano, qual que é o nome do projeto? Qual que é o nome do projeto? Qual que é o nome do projeto de animação, cara? É do Airbnb. É BNB. Lory Files, isso aqui, ó. Não sei se vocês já ouviram falar, cara, mas esse Lory Files aqui, ó, Lory Files, é um puta projeto legal de animação, cara. Mas pensa num negócio da hora mesmo, é isso aqui. E agora eles já estão muito grandes, eu acho, cara. Antes só tinha Free Logic Files Animations, mano. É animação de— esse aqui é um JSON, cara. Você só importa lá, bota no seu HTML, tá vendo? E você consegue colocar isso aqui, fica muito leve para o seu site, tá? Então se você quiser fazer alguma coisa, eu não sei se tem já uma integração do cloud para ele fazer isso aqui. Mas isso aqui são animações, você consegue colocar no seu app, são muito da hora, cara. Então aqui tem muita animação gratuita, ó, LinkedIn. E aí, tipo assim, para usar, cara, é muito simples. Você consegue usar no HTML normal, cara. Você consegue salvar aqui de qualquer forma, você consegue editar animação. Então isso aqui é um puta projeto legal, não sei se vocês já conheciam, tá? Mas é um projeto bem da hora, projeto bem da hora. Já usei bastante, cara, em outros projetos que eu já mexi. Tem bastante tempo que eu não uso, mas esse aqui é bem da hora mesmo. Mas é isso, mano, dessa landing page aqui, roda skill lá de copyright. Isso aqui, cara, isso aqui é obrigatório, você roda essa skill de copyright aqui, tá? Para qualquer landing page que você estiver fazendo. O Marito perguntou aqui, ó, já testou skill de Angular? Se sim, sentiu uma diferença? Não testei, mano. Skill de Angular ainda não testei. Eu tô ultimamente, eu tô trabalhando um pouco, eu tô trabalhando projeto em Ionic, cara, lá na empresa. Eu já tinha tentado fazer isso, Luiz, mas a gente mais perdeu. Já perdeu também. Só o Claudio que não se perde, mano. Claudio é brabo. Se preocupar com SEO, meta tags, palavra-chave também ajudam muito nas buscas. Isso é importante para caramba. E como sempre, tem skill de SEO aqui também, mano. Então pega uma skill aqui, ó, SEO Audit. Só você pegar esse skill aqui, falar para o Claudio: Claudio, usa esse skill aqui para analisar essa landing page. E ser feliz, mano. Não tem segredo nenhum. Tá, não tem segredo. Lote é muito top. G-SAP também é muito bom, fazer comunidade gigantesca, o Claudio se vira bem. Verdade, mano. G-SAP também sempre foi muito grande, a comunidade dele, cara. Sempre me assustou a comunidade deles. Esse botão de confesse tem no LinkedIn agora aí, ó. Muito bom sobre o lote, vai me dar dinheiro do projeto. Boa, show, mano. Deixa eu ver se tem mais alguma aqui. Vocês mandaram no Zap, não foi? Luiz Lucas e o GX. O GX me mandou o PRD dele aqui, mano. Deixa eu ver esse PRD do GX aqui. Boa, boa. Então, ó, vou tentar usar, tentar mostrar para vocês, ó, na hora build. Eu tenho um prompt na hora build aqui para usar com vocês. Vou usar o do GX aqui, tá? Quem sabe faz ao vivo. Ele me mandou o PRD, tá? Então, PRD, ele tem muita informação que a gente não precisa. Então, o que que eu vou fazer? Deixa eu abrir aqui. Acho que é melhor editar aqui pelo VS Code, tá? Vou dar um zoom aqui para vocês, tá? Não consigo deixar o VS Code aberto aqui. Deixa eu fechar esse outro projeto aqui. Um segundinho mais. Pronto, pronto, pronto. É isso aqui, ó. Screen sharing, entire screen. Boa! Aí ele mandou o design guidelines e o PRD. Mas aí, que que eu vou fazer aqui, cara? O que que tá acontecendo? Tá, user stories, solução. Technical approach. Isso aqui não precisa. Beleza, então o aplicativo desta gestão financeira pessoal empresarial focado em privacidade offline, first multimode diferente, tá? E aí, o que que a gente vai fazer aqui no Power Build então? Então lembra quando você for fazer um prompt Power Build Você tem o PRD aqui e aí você vai pedir aqui, ó. Não é só jogar o PRD. Então aqui, ó, vou pedir em português, tá, já que o prompt está todo em português. Então, mas eu sempre recomendo fazer tudo em inglês. Faça uma landing page. Então isso aqui é o— deixa eu ver aqui— um aplicativo de gestão financeira pessoal e empresarial focado em privacidade. Para esse projeto. Então, primeira coisa, você tem que pedir, falar o que que ele vai fazer, tá? Não é só mandar o prompt, é falar o que que ele vai fazer. A task: faça uma landing page para esse projeto, ela deve ser GX. Eu não sei se o seu projeto ele é dark mode ou light mode first. Deixa eu pensar aqui. Design minimalista, muito espaço em branco, tipografia refinada. Esse aqui, tá, beleza. Ele deve ser light mode. Clean deve ser parecido. Olha que doideira! Parecido com landing pages de startups de IA do Vale do Silício. Não, eu vou deixar no light mode mesmo, tá? Para a gente ver aqui, ó. Então deixa eu compartilhar aqui de novo. Quando eu compartilhar a tela inteira, ele dá umas travadas, cara, e ele para de compartilhar do nada. Então faça uma landing page para esse projeto. Ela deve ser light mode, clean, e deve ser parecido com landing page startup do Vale do Silício. Pense em toda a estrutura dela. Deve ser parecido. E crie mockups também do app final. A Hero precisa Tá, acho que por enquanto vai ser isso aqui, ó. Então é Vult Draft. E só mais uma coisa, ela não, não utilize muitos emojis, não utilize emojis, e ela não pode parecer Uma landing page feita por IA. Então, o que que eu gosto de fazer no prompt, tá? Eu peço a task e aí depois eu começo a dar algumas especificações do que que eu quero que ela seja. E principalmente peço para não utilizar algumas coisas, então falo o que que ela não deve fazer, tá? Então isso aqui já é um Já dando dica para vocês de prompt engineering, tá? Então, cara, não usa emojis. Qualquer landing page você vai ver feita pelo Lobo é cheia de emoji, cheia de ícone, cheia de coisa estranha. Enfim, mas vamos lá, cliquei. Boa! Enquanto ela tá gerando aqui, ó, o que que vocês estão comentando aqui no chat? Caramba, o chat virou um um chat no WhatsApp isso aqui, né? GX tá usando o Vite para landing page mais simples, minimalista, sem tanta frescura. Tenho usando o Astro para fazer landing page porque fala que é bom para SEO. Astro é top também, né? Uso o antigrav para instalar as skins e mantenho a pasta.gemini. Eu já até uso umas skills para ele. Mas fica uma pasta agent. Cara, eu ainda não consegui usar o anti-gravity, tá? Então não sei te falar, mano. Ela não pode parecer um além de peixe feita por aí. Além disso, é muito bom, mano, muito bom, mano, muito bom. Eu, mano, comecei a fazer meu portfólio. Posso sim, mano. Só que eu acho que dessa vez deve ficar para outra live, tá? Já são 9:51. Caramba, já tá muito tarde aqui, mano. Mas olha, sim, tá bom. Além de impede do Love Bet, o Put Destroy bater no olho, você já pega. Exato, mano. Aí, mano, ó. O que que eu te falei? Quando você pede ele para criar um mockup, mano, ele já te dá uma ideia de UI para o seu sistema, tá? Essa aqui é a dica aqui, ó. Quem que— só quem participa da live que vê essas coisas, mano. Olha lá, ele já deu uma dica de UI para o seu sistema, mano. Isso aqui para mim é foda, cara. Isso aqui para mim é foda. Olha isso aqui, como se ele já tivesse já que meio feito aí o sistema, tá vendo? Como é um app desktop, ele fez aqui, colocou as coisas do desktop aqui e fez a UI aqui, a página inicial. Doideira, cara, doideira. Mas ela, vamos ver, vamos ver aqui, ó, como é que ficou a landing page. Aquele tinha feito, cadê aquele dia feito aqui, ó? Acho que essa aqui. Aquele tinha feito essa aqui, tá? Então lembrando, essa aqui e agora a que a gente fez aqui no Hour Build. Aquele ficou em inglês, tá? Eu esqueci de pedir ele para colocar em português. Também é uma coisa que a gente tem que pedir, que eu faço tudo em inglês aí, normalmente não peço. Mas aqui ele colocou umas coisas aqui em português. Native, multi-currency, offline, private. Legal, mano, a filosofia. Ai, que da hora, mano! Take back control. Então foi uma landing page bem simples. Por quê? Porque eu não utilizei o PRD de landing page spec, né, falando de todas as coisas que a landing page tem que ter. Então ele cria uma landing page mais mais simples aqui, tá? Mas se a gente usar além de page spec, ele vai melhorar. Mas a coisa que eu acho mais legal é isso aqui, mano. Você pede ele para fazer landing page, ele já te dá uma ideia de como poderia ser seu app, cara. Isso aqui para mim é absurdo. Aí, GX, você tava em dúvida do seu app, seu app tava, você tava achando que seu app era feio, já tem inspiração aqui para fazer ele. Olha que doideira. Show! Webfeito em Electron landing page, era só para não importar mais download mesmo. Tranquilo, na próxima você dá uma olhada. Fechou, meu amigo, olho sim. Fernando deu bom dia. Caramba, outro super chat aqui, ó! Olha quem chegou aí, ó! Monstro do UX, melhor do Brasil, aprendo muito. Tamo junto, meu mano! O brabo aí também, ó, o cara é bom. Valeu, mano, obrigado pelo super chat aí, velho. Obrigadão mesmo, valeu pelo apoio de todo mundo aí que tá dando aí no canal. Tamo junto, meus amigos! Pergunta do Fernando aqui, ó: o Aura serve mais ou menos qual a finalidade? Cara, a coisa que eu mais tenho usado o Aura hoje é para criar interface do completo zero, sem inspiração. Então, e ele vai criar, cara, só o HTML. Então a gente cria o HTML primeiro, depois a gente trabalha isso com o Claudio para rodar uma skill de UX writing, para rodar alguma coisa, sabe? Mas a finalidade que eu tenho usado hoje é para talvez criar uma landing page, criar uma ideia da UI do sistema, de como que ela deveria ser, tá? E E aí, cara, eu uso ele quando eu, tipo assim, eu não tô com inspiração, às vezes a gente não quer ficar pesquisando muito em outros lugares, sabe? Então agora é só usar o Aura aqui mesmo e a gente roda ele aqui e acabou, mano. Não tem segredo, cara, não tem segredo. É bem mais simples, sabe? Bem mais simples. O áudio é muito bom, é muito bom. Aí, ó, lovable é legal. Aderiu o lovable, não dá. Foi mal, galera do logo, mas verdade, as páginas é feio, mano. Mas é, cara, o logo é muito genérico, cara, a não ser que você saiba, tipo assim, o logo tá Tá avançando bastante, cara, tá avançando bastante, mas eu ainda acho também muito genérico, tá? E se lembrando que esse Aura Build aqui foi o Luiz Arte que achou ele, tá? O Luiz Arte, que é o nosso amigo Luiz Arte, esse brabo aqui. O Loveable ficou para o passado, ficou mesmo. Aí, o Luca, meu parceirinho de um projeto novo aqui, mano. Ô, Luca, posso mostrar para a galera aquela landing page que a gente fez, mano? Não sei se a gente já mostra hoje, já mostra na próxima live quando a gente lançar o projetinho. Tô pensando ainda, mas enfim, deixa eu só, deixa eu mostrar para vocês, cara, um artigo que eu tava lendo recentemente da treta lá do Claudio Bot. Eu queria só repassar ele com vocês aqui para falar um pouco desse Claudio Bot aqui também, que agora é um multibot, né? Não é CloudBot mais, agora é ModeBot. Cara, esse aqui deu um puta boom na internet inteira. O projeto estourou, mas estourou num nível lá, quase 68, 60 mil estrelas no GitHub, cara. Você quer muita coisa. E aí deu um boom, a galera, eu vi gente comprando Mac Mini só para rodar, deixar esse aqui rodando, cara, o tempo todo. Isso aqui é loucura, cara. A galera é muito maluca, galera é muito maluca. Só que é o que esse artigo aqui falou, cara, como é que ele saiu do CloudBot para o ModeBot. Então ele tinha criado com o nome de CloudBot e aí a Anthropic achou ruim, né, porque parece ser cloud mesmo. E eu realmente achei que era cloud e era alguma coisa da Anthropic, mas não era. E aí mudou para um outro bot. Só que, mano, isso aqui deu tanta treta para o cara, eu fico com dó do cara, mano. Porque o que que aconteceu? Então, aquele fala, né, o artigo, né, cresceu bastante. E aí a treta, né, então a Anthropic pediu para mudar o nome, tá? E aí que vem a treta, cara. Quando ele foi mudar o nome, foi mudar as coisas, os caras que não são bobo nem nada, os crypto scammers, a galera que fica escamando o povo, fica fazendo, dando golpe nas pessoas, eles trocaram a conta, mano, em praticamente 10 segundos. Olha essa treta aqui, cara, não sei se viram isso. Quando o cara tava renomeando, cara, de CloudBot para MoldBot, os caras na hora, em 10 segundos, com conseguiram a conta do CloudBot no X. Então eles trocaram, e aí tava todo mundo pesquisando por CloudBot, os cara começaram a spamar coisa de cripto e deu uma treta absurda. Olha isso aqui, mano, 16 milhões de crypto scam por causa dessa treta do nome do CloudBot para o Multibot. Tá lá, deu um, o token, né, ele atingiu 16 milhões de market cap, o Fake Cloud Tokens, já perdendo Solana. Então só por causa disso, mano. E aí veio aquela questão do de segurança, né, do pesadelo de segurança. O artigo tá em inglês, cara, não sei se vocês conseguem ler as coisas de boa em inglês. Deixa eu ver se eu consigo traduzir a página aqui para vocês, cara. Às vezes eu esqueço, cara, que não sei se eu consigo traduzir a página. Translate to Portuguese. Pronto. O cessar e desistir, o desastre de 10 segundos, o golpe criptográfico, o pesadelo de segurança. Várias instâncias não autenticadas são acessíveis publicamente. Diversas falhas de código podem levar a roubo de credenciais e até mesmo execução remota de código. Então, mano, esse aqui foi um dos principais motivos de eu não ter instalado essa bagaça desse CloudBot até agora, cara. Mas enfim, tem que estudar bastante sobre essa questão de segurança, ver direito sobre essas coisas. E o aviso que eu dou para vocês, cara, quando der esse boom dessas coisas, cara, toma cuidado, pelo amor de Deus, cara. Principalmente se você tiver querendo testar no PC da empresa. Você nem é louco de fazer isso, tá bom? Não faça isso, cara. Não instala qualquer coisa no PC de empresa não, pelo amor de Deus, tá? Tomem bastante cuidado. E aí a comunidade ficou achando ruim, né? Mas isso aqui eu queria repassar com vocês, cara, essa notícia da treta do cara, mano. Imagina, velho, imagina você que faz uma puta ferramenta, estoura no mundo inteiro, e aí do nada, cara, você tem que fazer a mudança de nome porque o nome não ficou, a outra empresa não gostou, né? Você poderia ser processado, sei lá, por isso. E quando você muda o nome, os cara faz scam lá, e os cara usa o nome, né, antigo, para atacar as coisas. Enfim, treta, mano, treta esse negócio do Claudio Bot aqui, tá? E a galera tá super hypada nesse negócio, o que para mim é só uma extensão do cloud MCP ou do cloud code que ele consegue fazer, mas ele consegue orquestrar bastante coisa, cara. A galera falou bastante bem disso. Eu pretendo fazer um vídeo no canal também sobre isso, mas eu queria repassar essa notícia aqui com vocês. Se vocês quiserem ler com mais calma, eu vou mandar aqui também, tá? Para vocês darem uma olhada aí, ó, nessa notícia. O Alan chegou aí, ó, falando sobre o quê? Falando sobre o Cláudio Botti, a treta do momento, a treta do momento, a treta, mano. Jefferson perguntou aqui, ó, Deixa eu voltar aqui para normal. Aqui, ó. O que estudar sobre Anglo no cenário atual de IA que tá crescendo cada vez mais? Cara, essa é uma excelente pergunta, cara, porque eu acho que o que tá acontecendo hoje nesse cenário de IA é que a gente vai codar cada vez menos. Eu já nem tô codando direito, cara. Codando mesmo de verdade. Hoje é só IA. Então a gente vai codar cada vez menos e a gente vai precisar aprender cada vez mais a usar IA. Então ao invés de você ter que estudar a fundo sobre as coisas, eu não sei, cara, talvez no futuro até as entrevistas vão ser diferentes. Eu não sei, mas eu tenho esse pressentimento de que até as entrevistas de emprego vão ser diferentes. Então tipo assim, ah, eu preciso de um dev front-end, Tá, é React ou Angular? Tipo assim, no futuro, eu acho que no futuro não vai nem ter tanta peso você saber a fundo um framework, sabe? Você vai ter que saber a fundo a usar IA para trabalhar dentro desse framework. E na minha visão, vai se destacar quem consegue ter mais resultados com a IA dentro desses frameworks. Então, por exemplo, é para quem é front-end, vai se destacar quem consegue trabalhar muito bem com uma UI, quem consegue criar, né, com a IA uma UI legal, uma UX legal, sabe, alguma coisa que vai trabalhar assim. Para back-end é quem tem mais conhecimento de arquitetura, quem tem conhecimento de escalabilidade, quem consegue fazer as coisas, sabe. Então Mas no cenário atual, sobre Angular, cara, e aí tem até outra questão também, né, que as IA tudo hoje usa React. Então isso é uma outra questão bem grande que a gente tem que tomar bastante cuidado. Mas como as IA usam bastante React, elas, e a maioria usa Tailwind, então se você tiver usando Tailwind no Angular, vai estar de boa de você codar com IA. Tá? E para quem não sabe, que deveria já saber, quem quiser codar com Angular usa o ZardUI. Para quem não sabe, eu sou um dos fundadores do ZardUI, eu e o Luiz Ardi. Aqui, ó, nas docs aqui a gente tem um About Us aqui, ó. Usa o ZardUI, ó. Nós aqui tem dois mantenedores do ZardUI, o Mickey e o Mateus. O Mickey é o gringo, mano. O cara trabalha para caramba, cara. A gente tem vários contribuidores já no Zard, mas se você quiser usar Angular, Project Angular, que vai se dar muito bem com a IA, vai de Zard UI, mano. Não tenha dúvida. A gente não lançou a v1 ainda, a gente tá em beta, tá? Mas a gente já tem muito componente no Zard UI, muito componente, muito, muito componente. E aí a ideia é a mesma coisa do ChatCN, tá? É você conseguir construir seu próprio design system baseado nos componentes. E a diferença que a gente tem dos Arduinos para o ChatCN é que dos Arduinos a gente dá o código inteiro, não é só a customização do front-end. Então quando você instala um componente dos Arduinos no seu projeto, por exemplo, o Accordion, você vai receber esses 3 arquivos aqui, 4 arquivos, tá? Então o código inteiro do componente vai para dentro do seu projeto, é como se tivesse criado esse componente aqui dentro do seu projeto, sabe? Então você consegue editar, modificar, corrigir bug com a IA você mesmo, entende? Então é bem diferente, cara, é bem diferente qualquer outra lib de Angular que a gente tem. A gente tem usado bastante, tem trabalhado aqui para a gente lançar a v1. A gente tem um planejamento de lançar v1 daqui um tempo. Eu vou mandar o site aqui para vocês. E aí eu peço para vocês, entra lá, vai lá no GitHub, tem 791 estrelas, dá uma estrelinha lá no GitHub para nós, para ajudar o projeto a subir ainda, tá? E se você quiser estudar Angular, pode estudar o projeto aqui, ó, pode dar uma olhada no projeto. A gente tá usando as coisas mais novas do Angular que a gente tem por aí. E se quiser contribuir também, seja muito bem-vindo, fechou? Show! Uma outra coisinha que eu queria falar para vocês foi do hackathon, guys. Aqui, ó, não sei se vocês viram, mas eu postei esse final de semana. Eu participei do hackathon da— eu participei de um hackathon que foi feito, cara, pela galera do Vale do Silício. Então veio uma galera lá do Vale do Silício, montou um hackathon de IA aqui no Brasil de um dia, que foi no sábado, foi de 9 da manhã até 9 da noite esse hackathon. E eles me chamaram, então eu fui. Pera aí, deixa eu compartilhar aqui de novo. Então eles me chamaram aqui, eu fiz a inscrição, eles me chamaram, foram, se eu não me engano, cerca de 80 pessoas. E aí eu fui nesse hackathon sem conhecer ninguém, guys. Ninguém, ninguém, ninguém, ninguém. Montei o time um dia antes. A gente montou no Slack lá e tinha uma galera compartilhando lá que tava sem time ainda. Montei um time um dia antes, a gente ficou em terceiro lugar, mano. Foi doideira esse hackathon, cara. Foi muito da hora, foi muito da hora. Conheci uma galera muito legal. Esse aqui é o Vinícius, que apresentou as apresentações. Todas as partes foram em inglês. Então foi uma coisa diferente porque o host, né, quem tava hosteando o evento era um cara gringo lá do Vale do Silício. Então era tudo em inglês, falavam tudo em inglês, todas as apresentações foram em inglês. Mas a gente conseguiu conversar entre nós, como era todo mundo aqui do Brasil, né, a gente conversou em português mesmo. Mas o resto foi tudo em inglês, cara. Foi um hackathon muito legal, muito legal. E o que que a gente fez, cara? A gente fez um projetinho A gente fez um projeto que a ideia— deixa eu ver se eu tenho aquele aberto aqui, ó. Pera aí, o nome do projeto foi Visible. Eu tenho um projetinho aqui, ó. Npm run dev. Além de um page aqui, deixa eu mostrar para vocês aqui. Além de um page que eu fiz no Aura Build, além de um page do Aura Build, que da hora! Então, além de um page, só foi um comando, cara, e ele gerou além de um page aqui, ó. Então qual que é a ideia do projeto, cara, que a gente fez lá no hackathon? Deixa eu mostrar para vocês aqui, ó. Eu usei a parte lá, então tem, ó, aqui tem um brief. Deixa eu voltar aqui para apresentação. Ele não tá querendo deixar eu apresentar, cara. Acho que foi, mas qual que era a ideia do projeto, cara? A ideia principal, dando um zoom aqui, ó. Problema: a gente que é dev, cara, a gente gasta 20 horas, 2 dias, 3 dias, 5 dias, uma semana, um mês, um ano buildando features incríveis, só que a gente gasta zero hora explicando elas para os clientes. A gente faz um monte de funcionalidade que o cliente final nem sabe o que que acontece. Então, o contexto: normalmente, 3900 SaaS são solo, eles são ótimos em codar, mas péssimos em comunicar. As features lançadas morrem no esquecimento porque ninguém sabe que existe. Então, qual que foi a nossa solução? Um agente que traduz esse código em comunicação para os usuários. Então, a ideia principal é: depois que você fizer uma funcionalidade, você roda um visible push. A CLI, né, que a gente criou, vai capturar os commits entender o que que você fez, mandar para uma nossa API, que vai, aí ela vai analisar o que que você fez, entendeu a funcionalidade, e depois ela vai transformar isso em uma comunicação para o cliente. Deixa eu ver se tá rodando aqui, ó. Rodou na porta 3002. Cadê 3002? Isso mesmo. E aí depois que a gente— aqui, ó, deixa eu mostrar dashboard que eu desenvolvi para vocês. Deixa eu botar no light mode aqui, ó. E aí depois que você roda o Visible lá, ele vai entender a funcionalidade, ele vai transformar isso aqui, ó, em um update para você mandar para seus clientes, tá vendo? E aí, por exemplo, a gente fez o exemplo da Abacate Pay aqui, ó. Um Pix automático para assinatura. Então ele cria um update aqui dentro do sistema e transforma isso em uma comunicação para o cliente, cara. Então a comunicação via e-mail: novidade, Pix automático para assinaturas. Seus clientes agora podem pagar assinaturas via Pix de forma automática. Configure uma vez e o pagamento feito todo mês sem fricção. Você clica em ver novidades, você vai para o site. A gente criou também uma parte do X para você compartilhar com a sua comunidade. Principalmente quem tá criando SaaS solo, né? Esse aqui é muito bom. E para o LinkedIn também, o Pix automático. Então a nossa ideia do Hackathon foi essa. A gente ficou em terceiro lugar, cara, foi muito legal. Aí tem as configurações aqui de integrações, cara. Isso aqui eu fiz em menos de 4 horas, tá? Toda essa dashboard aqui, ó, eu fiz aqui com o Cláudio em menos de 4 horas. Porque a gente começou a codar por volta de 1:30, 2 horas, e a gente entregou o projeto era 6:30 da tarde. Então foi umas 4 horas de código codando igual um maluco, toda essa dashboard aqui, ó. E ficou muito bom, cara, ficou muito bom, porque aqui você consegue editar, tá vendo? É um inline, você consegue editar tudo aqui do e-mail, deixar tudo pronto, e já funciona, tá? O e-mail funciona. Então quando a gente vem aqui e a gente publica, que esse aqui já tá publicado, mas publica, a gente usou o recente porque recente era um dos patrocinadores. O que que vocês acharam, guys? Curtiram? Curtiram nossa ideia do hackathon? A gente ficou em terceiro lugar, cara. Se você não viu o vídeo ainda, dá uma olhada lá depois, compartilhei todo o processo lá, o terceiro lugar com deles. Divulgaram lá, visible. Eu nem tinha entendido que era a gente primeiro, mas deu bom. Ganhamos! Aí a gente foi em terceiro lugar, a gente ficou, a gente ganhou $400. É como tinha 4 pessoas na equipe, cada um fica com Mano, não dava para ter ganhado, cara. O segundo lugar e o primeiro lugar, os cara fizeram um puta trabalho, mano. O projeto dos cara ficou muito da hora. O segundo lugar, apresentação deles foi fenomenal, mano. Os cara apresentaram um— caramba, o que que é mesmo, cara? Era um assistente, cara, do WhatsApp. Então na apresentação o assistente ligou para o cara no WhatsApp e o cara conversou com assistente na apresentação, cara. Tipo assim, pedindo para olhar agenda, que que tinha na agenda. E a parte mais foda da apresentação foi que tipo assim, do nada ele virou para o assistente e falou: marca uma reunião com todo mundo aqui, um happy hour com todo mundo aqui depois do evento. O assistente demorou uns segundinhos para responder e do nada, mano, todo mundo do evento recebeu um invite no Google Agenda. Durante apresentação, cara. O assistente do cara fez, eu achei muito foda. Fora que aí o ai deles ficou muito boa também. E o primeiro lugar, mano, primeiro lugar, o cara ganhou sozinho. O cara codou tudo sozinho, sozinho. O cara fez, participou sozinho do hackathon. Ele codou tudo sozinho. Provavelmente ele já tinha ideia, já tinha muito tempo, mas ele criou um agente para fazer onboarding das pessoas nas empresas. Aí o ai ficou muito foda, e eu achei muito legal, mano, que o cara fez, sabe? Então acho que o nosso terceiro lugar ficou justo, tá? Ficou bem justo. Diferente do da Adapta, né? Da Adapta eu achei que a gente ficava pelo menos em sexto lugar, a gente deveria ter ficado, tá? Não dá, Adapta. Mas enfim, vai lá no vídeo, dá o seu like lá. Manda um parabéns aqui para mim no comentário para dar um engajamento no vídeo. Beleza, depois vocês vão lá. Que ideia foda! O Yuri aqui, ó, não sei falar seu nome, cara. Ryuzaki. Sou novo por aqui. Seja bem-vindo, mano, seja bem-vindo. Boa, eles usaram o visible. Para gerar reunião, tipo isso mesmo. GG, guys, muito bom! Aí o Luiz falou que aqui, ó, usar também vai ter MCP para facilitar o uso de AI. Exato, vamos ter um MCPzinho da hora para a gente trabalhar. Acabei de ver que alguém escaneou o QR code aqui, ó. Se quiser participar da comunidade que a gente tem no WhatsApp, tá? Pode ler o QR code aqui, é uma comunidade totalmente gratuita. Você que está vendo o vídeo aqui, você que tá aqui com a gente, não é membro do canal ainda, se você quiser ser membro para apoiar o canal, é menos de R$10 por mês. Então é uma forma de vocês apoiarem o canal. Eu compartilho algumas coisas lá também, compartilho alguns prompts, algumas skills, algumas coisas que eu tenho usado no cloud lá com o pessoal da comunidade, do membro do canal, nos membros do canal. E é uma forma de você apoiar aqui para eu continuar criando conteúdo. Agradeço muito a todo mundo que já é membro do canal. Acho que a gente chegou a 11 membros do canal agora. Não tem nem um mês que eu lancei a parte de membros do canal e a gente já tá com 11 membros, se eu não me engano. O canal tá quase chegando, cara, a 3.000 inscritos. Então, se você puder dar uma ajuda, dá uma ajudada no compartilhamento do canal, mandar para um amigo seu, Se você, eu também recebo sugestões de vídeos aqui, ó. Se você quiser uma sugestão de vídeos, que você quiser ver um vídeo aqui no canal, manda aqui para gente, tá? O vídeo de gastar menos tokens com IA, eu já tô com roteiro todo pronto e ele vai sair na semana que vem, na terça-feira, tá? Eu já tô com roteiro pronto. Eu passei um puta tempo estudando, cara, sobre token. Eu aprendi coisa para caramba, cara. Estudando sobre token, coisa que talvez vocês nem tem noção, nem sabem que existe. Principalmente, né, por exemplo, por que que a janela de contexto, né, por que que a gente gasta muito rápido os tokens no Opus, por exemplo, ou por que que a gente fica esbarrando no limite rápido. Cara, é tudo sobre tokens. Tokens é a moeda da IA. Então, quando a gente entende como que o token funciona, a gente vai entender muito e a gente vai mudar a forma que a gente usa, né, AI hoje. Então eu pretendo fazer um vídeo sobre tokens, eu pretendo fazer um vídeo sobre engenharia de prompt também. Então eu tô fazendo um vídeo, um curso da Google de 8 horas, se eu não me engano, e eu vou resumir, né, trazer esse curso todo resumido para dentro, para o canal aqui também, para vocês. tá, sobre engenharia de pumps, como utilizar, como fazer e tudo mais, tá. Então acessa o Superbase, o Superhub aqui, tô mandando o link aqui para vocês. É só acessar, você consegue votar nos vídeos aqui, tá, você consegue votar. Então de token já tá com 22 aqui. Gerenciamento de estado, CNG RX, mano, esse aqui é muito bom, tá. Para ângulo, principalmente. Eu nunca gostei dessa Libby, cara, nunca. Mas é uma excelente dica de vídeo comparando prompts. Então, cara, entra aqui, posta a sua ideia de vídeo que eu vou analisar com muito carinho, vou fazer, e ajuda a gente a chegar a 3 mil inscritos aqui, ó, tá bom? Como eu disse, eu tô mudando um pouco a estrutura do canal, né? Agora eu vou estar falando bastante sobre IA, vou continuar falando sobre Angular também porque eu sou defensor do Angular, vocês sabem muito bem disso. Mas eu pretendo falar bastante sobre IA aqui no canal, um conteúdo sem hype, sem tipo assim, mostrando na prática mesmo como eu gosto de fazer, tá? E sempre aqui nas lives, toda quinta-feira na parte da manhã, da gente batendo papo aqui. Fechou. A perguntinha aqui, ó: qual é a melhor IA para programar? Tô usando ChatGPT e Google Studio, mas as bichas deliram demais, mano. Cloud Code é a melhor IA para programar. E eu já vou aproveitar aqui, eu já vou aproveitar aqui e já pegar o nome de todo mundo que que comentou aqui no, na live, para eu fazer o sorteio com vocês, tá? Então deixa eu abrir uma nova coisa aqui, compartilhar aqui com vocês. Show! Compartilhar essa parte aqui, ó. Então vou pegar o nome de todo mundo aqui. Marido deve— enquanto eu pego o nome, vocês tiver alguma coisa para mim revisar aí, alguma coisa para vocês falarem, alguma coisa vocês querem mais? Eu tô pegando o nome aqui para fazer o sorteio de uma semana do Cloud Code, tá? Luiz Gomes 9661, que nome, cara! Mateus Goes DS, Vinícius WZ, Lucas Dias 781. Tô pegando o nome de todo mundo aqui. Dev P. Que RHP. Dev Maurício Souza. PH Daniel Henrique. Lucas Dias já foi. Pedro, o que que você acha depois a gente fazer um programinha no cloud para pegar o nome de todo mundo aqui? Lucas Dias já foi. Reinaldo, só Deve. Fernando Fusion. Luca, Luca, meu parceiro. Jefferson Silva Teixeira. Cheira, Alan Victor 5177. Lembrando que hoje eu vou sortear só um, tá, Rocha? Vou sortear só um cupom do Cloud Code. Boa, boa, boa, mano! Eu vou sortear uma semana de acesso ao Cloud Code para vocês testarem, tá? Lucas Almeida, Pedro 348. Boa, boa, boa! Jefferson C. Oliveira. R4R. O Matheus, você ganha esse pé de música mesmo? Eu falei, mano, você não mandou mensagem para mim semana passada não. Você me manda essa mensagem aí, senão eu vou sortear para outra pessoa, mano, tá bom? Aí, ó, o Edson aqui também vai participar comentando. Quem quiser participar, comenta aí, guys, últimos minutinhos aí. Edson Costa, tadinho. Quem tá doido para ganhar é o GX, mano. Coitado, o GX tá aqui, ó, tá dando até boa sorte para todo mundo aqui. Hoje você tá doido para ganhar, mas valeu, GX, tamo junto, mano. Se você ganhar, eu te aviso, tá? Você tá lá no comunidade, você ganhar, eu te aviso aqui, beleza? Tamo junto, meu amigo. Quem tá aqui também, ó, Joss, mano. Boa, guys! Já tem 21 pessoas aqui, ó, no sorteio. Vocês são brabo demais! Muito da hora tá aqui com vocês de manhã, mano. Edson Costa. Boa, Edson! Beleza, beleza. Última chamada. Vou esperar mais um minutinho aqui só para vocês conseguirem ver. Já vou abrir o site de sorteios aqui. Sorteio online, nomes. Beleza. Show! Então vai ser isso aqui mesmo. Deixa eu compartilhar aqui agora a aba do sorteio. Coitado do marido dela, nunca ganhei nada da minha vida, nem bingo. Muito bom, mano, muito bom, show! Já coloquei o nome de todo mundo aqui, boa sorte para vocês. Vou colocar animação de contagem regressiva de 5 segundos aqui e vou sortear um nome. E aí você que ganhar me manda uma mensagem. Tem a comunidade aqui em cima, o grupo no WhatsApp, tem na descrição também. Manda uma mensagem lá no WhatsApp mandando o print do seu canal aqui só para mim ter certeza que é você. Beleza? E boa sorte para todo mundo aí, ó. Tô sorteando, não tem nenhum nome duplicado aqui, tá tudo certo. E eu vou sortear agora em 3, 2, 1. 5, 4, 3, 2, 1. O Alan Vitor ganhou! Boa! Deixa eu tirar um print aqui. Boa, Alan! O Alan tá sempre dentro da comunidade lá com a gente, batendo papo com a gente, sempre. Merece, merece, merece! Alan, se quiser dar para alguém, pode dar, não tem problema, tá bom? É só me avisar. E é isso, guys! Aí, ó, o Alan Vitor ganhou a de hoje. Venham na semana que vem. E o Zaca aí, ó, na semana que vem, ó, vem na semana que vem que eu vou sortear mais um, tá? Mas é isso aí, ó, você ganha, você fica 24 horas usando. Só que aí você tem uns limites, cara, ele não deixa. Você chega no limite, depois você tem que esperar umas 2, 3 horas para pegar. Mas vem na semana que vem que vocês ganham, tá, guys? Semana que vem a gente sorteia mais uma aí. Enquanto eu tiver cupom disponível, enquanto tiver gente conseguindo dar aí cupom para a gente utilizar aqui durante as lives, eu vou sorteando um por live, tá bom? Valeu, guys! Uma hora e meia de live, tá bom. Eu tava planejando fazer só uma hora, mas é difícil fazer tudo só em uma hora, cara. Muito obrigado a todo mundo que participou, espero que vocês tenham curtido a live. Vai ficar salvo aqui. Eu revisei bastante, SaaS, dei muita dica sobre LEP, landing page, sobre o Y e o X, dica de prompt, de skill. Então é isso, brigadão. Você que ainda não é inscrito no canal, se inscreve, participa lá da nossa comunidade. O grupo tá aqui, o grupo no WhatsApp, tá bom? Obrigado a todo mundo que deu um super chat aqui também apoiando o nosso canal. Obrigado pelo Luiz e o Luca que deram super chat aqui para gente. Obrigado pelo apoio, galera, vocês são brabo. Obrigado a todos os membros do canal também. E obrigado a todo mundo que participou aqui da live hoje. Tamo lá na comunidade, tô sempre lá participando, quem quiser fazer parte. E é isso, meus amigos, brigadão, bom trabalho para todo mundo aí. Tamo junto, é nós, até a próxima!










