fala galeraa aqui design front com mais 16 anos de experiência na área e hoje vim trazer um vídeo que vocês pedem muito tá principalmente ali na área de membros é um vídeo que fala bastante sobre o cursor Tá mas tem bastante coisa que a gente dá para fazer com indf eles são semelhantes tá que eu vou ensinar aqui para vocês vou ensinar as melhores práticas para desenvolvimento tá vou ensinar configuração de MCP é muito importante para quem tá querendo fazer um SAS um mvpzinn que a inteligência artificial acaba cometendo conforme a gente tá evoluindo Principalmente
quando o nosso Fronte ali tá integrado comb eh via supabase ali e tem bastante já tabelas criadas bastante para páginas criadas tá o que acontece ele acaba duplicando arquivo acaba duplicando muito eh e tabela de banco e fica mandando para vocês aquela parte do SQL Daí vocês ficam colocando SQL porque vocês acabam não entendendo como funciona aí vocês ficam colocando várias tabelas repetitivas lá ele fica alterando o nome das tabelas no seu código então às vezes tá funcionando login você tá mexendo numa outra tabela para persistir algum dado do usuário o login quebra por quê
Porque ele mudou totalmente criou outra tabela pro login e não alterou em todas as partes do código tá isso é uma coisa que acontece muito e eu vou falar para vocês como a gente consegue Minimizar isso Alucinação vai ter tá a gente consegue Minimizar muito quando a gente conhece a partir de código tá como a gente Coda tá a gente trabalhar em escopos menores tá e sempre visualizar o que o que o cara tá fazendo que o cursor ou insf tá fazendo pra gente poder validar se tá ok ou não se ele mexeu em coisa
que a gente não quer que ele mexe porque às vezes ele mexe mesmo tá mesmo a gente até definindo ali sobre as rules do curso tá todos os arquivos que eu usar aqui seja de rules e tudo mais eu vou deixar ali disponível para de membro se você não é membro Ainda Pensa em se tornar membro tem muito conteúdo exclusivo dedicado ali pra área de membros tá principalmente nessa parte de de PR de boas práticas tem bastante tutorial essas coisas tá eu vou deixar para de membros e aqui eu vou mas todo mundo vai poder
acompanhar aqui tá vocês vão ver meus PRP por aqui e também eu vou dar para vocês um site onde a gente consegue pegar qualquer tipo de rules ali de forma gratuita e tudo mais vocês podem ir testando aí para ver qual que faz mais sentido para vocês tá para começar que que a gente tem aqui esse cara aqui é a minha page tá de curso tá eu tô finalizando o módulo se que tá demorando para finalizar o módulo um eh tô meio atolado de serviço esse mês por isso que não saiu ainda não consegui finalizar
as aulas já estão gravadas do módulo um mas eu não consegui editar elas ainda tá tô ainda ten que editá-las por isso que tá demorando mas vai sair tranquilos Essa é Land page então eu vou testar com a Land page e vou mostrar para vocês mais ou menos como funciona primeira coisa quando a gente abaixa o cursor aqui o que a gente tem que fazer que é muito importante a gente tem que vir em configurações isso é básico tá eu tô com a última versão do cursor aqui ligada Tá eu vou explicar também como que
funciona a divisão do Agent pro chat tudo mais para vocês terem um contexto um pouco melhor tá o que acontece aqui primeiro a gente tem que ir no módulos e ticar os modulos que a gente usa mais esses são os que eu mais uso tá se vocês quiserem copiar e colocar para vocês Esses são os melhores tá com foco no sonit mesmo sonit normal para código sonit tink para debugar achar algum pau que tá dando e tudo mais ele é um pouco melhor que o sonit normal então aqui é isso tá não mexi mais nada
beleza e features que a gente pode fazer que que eu coloco tá aqui o yol Mod tá o yol Mod Eu sempre deixo ativo tá para ele na parte do a porque a gente tem dois tipos de chat quando a gente clica aqui ó deixa eu até aumentar para vocês verem forma melhor quando a gente clica no Age gente a gente tem esses dois formatos tem o es que é o antigo chat tá no es que acontece tudo que a gente perguntar é como se fosse um GPT ele vai analisar a gente vai ter que
entregar para ele os arquivos que ele que a gente quer que ele acesse tá e ele vai retornar a resposta pra gente no chat ele não vai fazer alteração nenhuma de arquivo tá só vai simular Ali vai falar o que que você tem que alterar você tem que jogar os arquivos nele na parte do Agent já não no Agent você não precisa jogar nada ele mesmo vai ler o seu código e vai entender qual arquivo faz parte daquele contexto e vai alterar os arquivos para você o yolo Mod faz o quê se a gente não
marca ele tudo que o Agent vai fazer ele pede a sua intervenção tá vocês querem alguma coisa um pouco mais rápida e tudo mais eu sugiro colocar o yolo Mod aqui como on tá aí vocês podem colocar comandos de denai tipo se eu não quero que ele Apague os arquivos eu quero Direto você pode colocar aqui é uma lista de Exclusão tá eu acabo não colocando porque o sigo bastante a partir do do que ele tá fazendo tá sempre clico em todos os arquivos que ele alterou e vejo o que era e o que ele
fez sempre passo linha por linha isso é muito importante ó A I A tá aqui para ajudar a gente mas a gente tem que ter esse trabalho de diligência tá senão a gente produz um código muito cagado tá código cagado funciona da primeira vez mas para manter é um pesadelo tá então tem esse processo sempre olhem o código que ele tá sendo gerado sempre mesmo que vocês não estão entendendo o que tá fazendo conforme vá passando o tempo vocêes vão pegando um contexto maior até gosto pela parte de programação e acabam estudando se aprofundando tá
então essa a diferença básica do ag pro chat tá então aqui tem os comandos de e den e a gente pode aqui ó e para proteger para ele não ficar deletando arquivo para mim não faz sentido porque ele nunca deletou arquivo que eu não queria que ele delasse tá então acabo não não colocando mas já ouvi relatos de pessoas que o delete ele deleta arquivo que você precisa para subir o sistema eu não sei como foi feito os promos e tudo mais mas para mim nunca foi um problema tá aqui a gente marca se a
gente não quiser com o MCP Rode porque às vezes a gente pode falar algum comando ele se a gente tiver MCP instalado ele achar tem que rodar no MCP E na verdade a gente não queria que ele rodasse no MCP tá então tem isso também eu deixo desabilitado porque eu gosto do MCP e normalmente ele só chama o MCP como quando eu eu chamo o nome do MCP que eu quero que ele use tá aí beleza isso daqui eu não deixo marcado o resto pessoal tá basicamente Eu só coloquei o Web search web Search para
ele poder quando eu quiser que ele pesquise alguma parte de documentação ele poder ter acesso ao web aí trazer a documentação mais atualizada O que é o contexto do 3.7 que se eu não me engano é 20223 primeiro semestre 24 eu acho que é isso tá aí a parte mais importante pessoal rules tá essa é a parte muito importante tanto do curso como do Wind Surf tá que acontece no cursor especificamente a gente tem as R geral tá isso daqui é em todos os projetos de vocês tudo que você escrever aqui ele vai levar em
consideração para fazer os projetos então basicamente aqui o que que eu fiz no meu tá Seme respond em português aí eu coloquei algumas coisas para react n next eu coloquei algumas coisas que eu gosto como um padrão num projeto react next Eu coloquei tudo aquio exemplos de como ele vai fazer tá Convenções o pessoal usa aí melhores práticas aí aqui para componentes react sem next quando eu não quero usar next também coloquei aqui para ele o formato aqui aí por exemplo aqui ó e para ele checar se existe componentes dessas duas pastas tá porque muito
disso fui eu que eu fui usando e fui vendo a necessidade de reforçar com ele tá muitas vezes quando a gente cria pasto a do quando a gente tá fazendo a componentização de shad cen ele às vezes ele cria um Y dentro de component El não cria para fora ou ele duplica ele cria um a dentro de CRC e outro a dentro de components então isso daqui Acaba minimizando Esse erro dele tá aí tem algumas outras séries de coisas eu gosto muito de usar o react Carry para controle de estado porque ali é mais fácil
tá de manter de olhar de debugar tá não gosto do Redux de jeito nenhum tá então sempre Us Carry e eu coloco para ele tá vendo Sempre usar react Carry um regramento que normalmente eu uso nos meus projetos tá aí pro Git também tá vendo eu falo para ele que toda vez que ele finalizar um comando ele vai ter que me mandar uma mensagem de commit conforme esses esses Lores aqui entendeu se for FIT é fit Fix Fix dox dox e etc para instalação de shcn eu coloquei o comando que tá funcionando porque como eu
falei dependendo do contexto da el lembro que vocês estão usando ele usa um chat cnu que não existe mais e da pau então eu peço para ele instalar esse Então sempre que você vê que ele erra uma coisa muito tipo sempre é quando você pede põe aqui tá aí aqui algumas regras Gerais tá coisa de White Space e tudo mais parte de SDK quando eu quero fazer a integração com o II né eu já deixei umas boas práticas para ele codar aqui para mim tá para ele não se perder muito não ficar duplicando algumas Convenções
Chaves estrutura de componente e as documentações a Serv visibilidade coisas de boas práticas tá esse cara vai tá aqui paraa área de men se vocês quiserem tá eh eu também eu vou deixar aqui no link da descrição quem quiser adquirir esse esse Rule também vai tá lá esse Rule é personalizado tá o meu Rule mesmo não vai ter no site lá que eu mostrei que eu vou mostrar para vocês é onde tem várias rul mas aquelas R do site também super funcionam e eu até en coragem a vocês pegarem de lá e testando fazer uma
montagem com algumas coisas lá e fazerem a sua tá É que a minha é o que melhor funciona para mim tá aí esse cara é o geral a gente sempre tem que definir uma Regra geral tá aí uma segunda coisa que é muito importante a o regramento do projeto tá aqui quando a gente clica aqui para adicionar uma ru a gente consegue falar do projeto que tá aberto porque às vezes muda o contexto a gente tá trabalhando com react aqui no outro trabalho com react Native no outro tô trabalhando com sei lá cordova outro trabalhando
com python então cada projeto pode ter uma Rule específica tá tipo eu quero gerar uma documentação para um e documentação não quero girar para outro quero gerar t automatizados para um para outro não então você acaba se é uma coisa muito focada você acaba criando aqui no Project rules tá que funciona melhor aqui no Project rules tá aqui a gente pode entrar no cursor directory tá esse é o site cursor pdir aqui a gente vai achar muita Rule tá a gente vai achar Rule da comunidade e a gente vai achar Rule oficial tá aqui no
caso é do SP base né É tá vendo a ru do supabase deixa eu ver se ele linka aqui com o suabase e não a ru do supabase para quem usa para quem usa supabase eh tem lá no repositório do Git deles tá então a gente não precisa procurar em outro local a gente entra no github deles eu também vou deixar aqui o link para facilitar para vocês tá e eu só não lembro aonde fica mas eu tenho certeza que não está nesta passe deixa abrir meu aqui e exemples real prompts exemplos prompts aí a
gente tem tudo ess tá vendo nex base out é aquela lá que a gente viu Tá vendo se vocês forem usar o Super base tá vale a pena vocês pegarem as rules daqui do prompt tá e você colocar ali dentro do seu cursor tá ou você pode pegar essa aqui que é mais geral zona Mas aqui tem várias né aqui vai ter de criação de Database Ed functions e formatação de códigos SQL tá então é legal isso por si só ajuda bastante mas não é o Core tá pessoal o que vai eh deixar 100% a
sua integração evitar totalmente a parte de erro são duas coisas ou você instalou sli tá do supabase na sua máquina local e pede pro cursor eh fazer toda a linkage criação de Database tudo mais com sli tá que é via terminal funciona ou a gente usa os famosos MCP tá aqui ficou Claro parte de rules tá que a gente tem várias tem typescript act next então vocês vão navegando aqui vendo as que mais faz sentido e vão testando tá tem bastante ru de graça não paga nada tá se a gente e aqui tem a parte
de generate também tá se fizer cadastro não tem mas se você fizer cadastro dá para fazer uma geração de ru não vejo por mas tem essa funcionalidade aqui a parte do MCP quando a gente vem aqui nessa é a parte de rules beleza aqui a parte do MCP Quais mcps que eu tenho instalado eu tenho pupe titir tá que é um driver de navegador tá ele controla o navegador então ele abre um Chrome lá eu consigo controlar ele via código Navegar clicar logar e tudo mais tá Tem a parte do sequent que eu não vou
entrar muito agora porque é uma coisa muito específica Tá então não vou falar sobre ele agora tem o play que é semelhante ao ptir e eu uso mais que ptir tá por isso que até tá aqui desativado e meu playr tá ok o Fire CW que é para cwar né para raspar dados de qualquer site possível com ia tá é pago você precisa gerar uma p e colocar graninha lá tem um um um chorinho que eles deixam você usar de graça tá o semelhante supa base tá é um um uma parte de no code de
backend tá que eu gosto muito e eu acho muito melhor que o supabase eu vou deixar até aqui no card para quem quiser conhecer no já Ten o vídeo sobre ele no canal tá Inclusive a lovable tá lá no Tod list deles de fazer a integração copyright porque a comunidade gringa ali tá reclamando bastante das limitações de supabase online só só tem limite de duas Database tudo mais o upyr você subi na sua máquina você faz chover com ele não tem muito muita limitação tá figma esse cara aqui é muito bom por com essa integração
do figma a gente consegue copiar a interface que a gente tem tá lá jogar para ele e ele Coda pra gente tá então o que isso altera Você pode falar ah mas eu posso tirar um print do figma colar lá ele vai fazer vai mas o arquivo do figma ele tem posicionamento tamanho código de cor então ali é muito mais assertivo para fazer Clone esse cara aqui é perfeito Você coloca ali o seu Design no fig porque o fluxo normal no desenvolvimento web é fazer uma interface al no figou seja um sket da vida tá
aí entra pro front end frontend inspeciona lá e vai codando a tela tá então basicamente é o que esse cara faz tá eh o github para quem não quer fazer comando direto aqui pelo na pelo terminal e não quer pedir para ele fazer via terminal dele vocês podem ativar aqui a parte do github para ele mesmo fazer aqui os comandos ele mesmo roda ele mesmo da get checkout Então você passar aqui ele faz e tem o supabase aqui que eu não terminei de configurar tá pessoal mas basicamente o que que é interessante nesse cara do
supabase ele faz uma conexão com o seu banco lá na internet né na nuvem e ele consegue fazer ele consegue Verificar como tá sua estrutura lá antes de criar alguma coisa você fez o sistema de autenticação criou as os bancos de dados lá aí você pede para criar um perfil de administrador lá no banco de dados ele vai acessar o seu banco de dados vai ver se já tem usuário Que tipo de usuário que é vai criar uma tabela específica para se novo tipo de usuário se tiver que linkar com a tabela que existe ele
vai ver que tá lá vai linkar fazer update vai fazer tudo entendeu Então ele mesmo vai ser autogerenciar a gente não precisa ficar melhorando o Prom tirando print lá das tabelas e mandando para eles que existe tá ele faz essa conversa porque o que o MCP de uma forma bem simples para vocês entenderem o MCP nada mais é uma interação bem aliter aí é um plug é é um é um meio que a gente conecta uma coisa à outra basicamente isso é um meio de comunicação tá então com MSP com MSP a gente consegue linkar
a nossa I aqui dentro do cursor para Outras aplicações P base navegações o figma outros projetos é como se fosse uma integração sem ter que codar mesmo integração ali na unha entendeu então basicamente isso que o MCP serve tá de uma forma bem eh fácil e simples de vocês entenderem tá então o seguinte deixa eu deixa eu ver se está aqui ó a minha do playr Tá OK Tá só para vocês verem o poderio disso aqui ó yar Dev eu vou subir a minha Landing Page para vocês verem tá cont Click ele vai abrir aqui
atrás vamos dar uma olhada como tá ficando também na verdade Já finalizei Eu só não liberei ela porque eu não finalizei o primeiro modo finalizar o primeiro módulo aí uma coisa que acontece bastante também no cursor é que se a gente sobe via terminal lá e tá usando a normalmente ele sobe de novo tá então ele sobe duas vezes é meio chato tá então aqui tá Landing page tá tá pronto funcional perfeita aí o que a gente faz aqui no cursor por exemplo e eu quero sei lá vamos ver uma coisa legal de gente fazer
dier por exemplo o meu o meu astronauta tá aqui do lado direito quero pôr do lado esquerdo tá eu posso falar para ele manualmente né para ele mudar de lado tá ou eu posso falar use right para saber onde está o astronauta na página e coloque ele do do lado esquerdo ao invés do direito a aplicação está na esse cara também é bom para questão de e porque ele tem acesso ao console tá da aplicação tem até outro cara que é é bem legal eu se vocês quiserem que faça o vídeo específico dele que é
um mcpi específico pra gente fazer esse testes de aplicação ele ter acesso ao console ali para automatizar essa parte se a gente ficar copiando colando jogando para lá deu eu deu eu se vocês quiserem ver deixe aqui nos comentários que eu trago um vídeo de como configurar o MCP tá tá vendo ó ele chamou Ah 5173 beleza ó lá contest browser has B closed não está rodando na parte 573 mas está Mas beleza vou só derrubar ele aqui que vai que ele tentou erguer suba o sistema então é façil eu tô com o cloud TR
tá instalado mas ele vai instalar de novo só cancelar ele não fazer comp Dev e faça o que eu pedi de mudar o lado do El já tá eu acho que o meu ag gente não tá funcionando Deixa eu só stopar aqui e vou dar um refresh quando ele tá funcionando ele aparece verdinho aqui e carrega tudo que ele o que ele pode fazer ó vendo ele abriu aqui ó ele abriu o navegador provavelmente ele vai tirar um print ó lá WR to arquivo blá blá blá ele pegou exatamente o seletor que eu queria tá
o aí ele tá fazendo a troca tá vendo e esse cara que eu falei esse novo MCP o que ele faz que é legal a gente consegue abrir ele abre no Chrome tá vendo é além dele ter acesso a ao log a gente consegue fazer assim ó a gente inspeciona isso seleciona no código volta aqui e fala para ele mude a cor disso ele muda porque ele sabe que esse cara aqui foi selecionado muito bom cara se vocês quiserem que eu faça o vídeo deixe comentado aqui embaixo tá aí ele fez a mudança ó lá
já tá do lado esquerdo É lógico que isso é tipo uma uma mudança meio básica né mas tipo vocês podem falar o login não tá funcionando ó eu logo com esse usuário e senha não está funcionando verifica aconteceu no playwright ele vai subir sua aplicação colocar usuário e senha tentar logar vai ver o erro vai tirar o print vai trazer aqui aí vai ver vai vai fazer a correção vai subir de novo o navegador vai tentar fazer o login até conseguir arrumar ou no caso do cursor até estourar 25 chamadas e vocês terem que apertar
resum tá a parte e para instalar o perw o que precisa ser feito lógo eu vou falar para vocês tá como que faz é o seguinte se vocês tiverem Windows é um pouco mais chato aqui no caso do cursor Tá o que que eu precisei fazer eu precisei Deixa eu só abrir o r aqui para mostrar para vocês de uma forma visual tá o que eu fiz tá tá vendo eu tive que fazer checkout nesses caras que eu gosto de usar tá no caso aqui é o MCP MCP prw tá vendo é esse cara aqui
eu tive que fazer checkout aqui aí a gente faz a instalação a gente faz o checkout na página Deixa eu só ver se eu consigo pegar para vocês a URL aqui para ficar mais fácil para vocês verem não é um bicho de sete cabeças tá é um pouco me chato na parte do Windows mas eh o Vocês conseguem aí fazer tranquilamente tá o smitter você consegue até tentar e fazer direto por ele que ele tem um comando específico tá Às vezes funciona mas quando não funciona a gente tem que baixar na nossa máquina aí o
que acontece quando a gente subir o cursor ele vai abrir um terminal assim ó em branco em branco não em preto no caso é aqui ele tá falando que ele tá rodando essa aplicação tá que no caso aqui é o deixa eu ver de novo que eu acho que ele pegou endereço errado Não é possível aqui abit dechar o cara que não não publicou ainda tem alguns caras nesse smitter esse smitter é muito bom também para MCP Então a gente tem aqui tá por exemplo deixa eu ver se tem um play tem não tem vamos
ver se aqui tem outro play right no smit eu só tem tem aqui 1 50k 5.12 k sempre costumem pegar um maior tá ó a gente vai clicar aqui ó em cursor aí a gente vai fazer a cópia disso vamos ver se tá funcionando direto na época que eu configurei a gente não tinha foi muito quando começou o MCP tá por isso que eu tive que fazer local tá porque o Windows é chato passar variável de ambiente é horrível Aí o que acontece para adicionar ele aqui tá vendo a gente tem ele aqui no hermod
Deixa eu só abrir aqui ó a gente já tá rodando ele mas eu vou tentar rodar n essa forma eu vou colocar Opa right 2 aí é basicamente comando e colocar o comando aqui tá Eu só não sei se tem V colocar ad Ele vai tentar abrir Ó lá ele abre umas 500 telas que ele tá fazendo instalação e e fica abrindo um monte até ele rodar vamos ver se ele vai conseguir rodar vamos ver o comando que eu tenho é eu não passo nenhuma variável de ambiente tá para funcionar Tá vendo subiu então no
caso do playwright copiou colou aqui tá funcionando pessoal é só usar tá só vou deletar aqui só ver se tem a mesma 1 do TR ixi eu acho que esse tem muito mais eu vou até tirar esse aqui e vou deixar aquele lá um disable aqui nesse aí se vocês qualquer MCP que vocês tentarem rodar aqui tentem ver se tem aqui no Windows Se você usar o Surf Cine também tem aqui tá Então é só copiar colocar lá ok ele vai rodar se não rodou entra no repositório do MCP tá aí vocês vai fazer checkout
como se fosse um github eu vou deixar aqui no card um vídeo que eu fiz específico de github é importante vocês saberem tá vou deixar aqui em cima aí basicamente é só seguir tá vendo É que aqui muitos deles o foco é Cloud tá tá vendo ó client Cloud Mas vocês podem seguir a o manual installation deixa dar npm instal ignora configuração da Cloud tal aí no caso desse cara aqui ele é JavaScript eh em node e tudo mais então para rodar ele a gente tem basicamente chamar o Node Node o endereço que tá o
arquivo central da aplicação porque quando a gente instala a aplicação e a gente dá um yarn Dev ele abre o servidor de desenvolvimento que a gente procura nesses mcps de build então a gente dá um npm install depois dá npm Run build tá aí o arquivo index.js é logicamente se for JavaScript ele vai ficar dentro da dist sempre tá em qualquer cara aqui ele vai ficar sempre dentro da dist se for JavaScript aí a gente só vai ter que dar um node e rodar ele tá um pormenor aqui para caras que tem a parte de
k por exemplo eh github github a gente precisa de um acess Token tá vendo a gente precisa configurar lá um token de acesso no Git e pegar né personal acesso token tá e passar para ele aí a gente se a gente for usar local sabe aquelas variáveis de ambiente que a gente tá acostumado a ver nos projetos Então a gente tem que mudar ela antes de fazer o build porque daí no build ela vai lá atualiza e a gente chama o dis index sem passar nada ou a gente faz esse for no Windows Esse comando
absurdo aqui que é o traço traço config e abrir um objeto com ASP e uma barra invertida é chato mas é assim que faz eu vou deixar também esse comando aqui na descrição para facilitar para vocês tá então a gente consegue fazer muita coisa com a parte do MCP tá a gente consegue integrar muito serviço se a gente for vir aqui ó na parte do mcps a gente tem bastante coisa tá vendo aí vocês vem tem a parte da versel tem o figma Aqui também tá tem o stripe para entregar pagamento que é uma boa
tipo muitas vezes qu a gente tá entregando pagamento a gente tem que fazer o we hug é chato tem que ir lá na configuração configurar web hug é chato para com essa integração ele já faz tudo automatizado via terminal tá a gente tem a interação com Slack então tem várias coisas legais aqui que vocês podem dar uma olhada e ver se faz sentido tá a gente também tem o smitter eu vou deixar o link aqui que também tem vários mcps aí paraa gente procurar e ver qual que faz mais sentido tá então basicamente é isso
que eu queria trazer no vídeo de hoje tá como fazer essa parte de configuração para vocês serem mais assertivos no desenvolvimento de vocês tá aí depois eu tenho que voltar pro meu astronaut ficar no lado certo tá e pessoal fque em MCP tá MCP aí vai ser o que vai dar o Polo de qualidade no desenvolvimento de vocês tá Por hoje é isso espero que tenham gostado se se gostaram do vídeo deixa um like comentem aqui também que vocês gostaram que não gostaram compartilh com os amigos que estão entusiastas na área aí querem produzir e
tudo mais tá se quiser apoiar o canal entra na área de membros Tá super baixinho o preço no começo e já e vocês têm um conteúdo muito rico tá aqui na parte de área de membros não mais até