MCP Server - Windsurf, Cursor, Cline - Ajuda de mais!

galera nesse vídeo a gente vai falar sobre MCP é uma ferramenta que vai ajudar bastante você aí no desenvolvimento de aplicativos a gente vai falar no Kine ali que tem um marketplace completo de MCP que você pode utilizar também a gente vai conectar alguns no Windsurf ali no Kine mesmo eu vou te mostrar alguns que são bem legais que vai ajudar bastante você eu vou ser bem direto ao ponto vou te mostrar como conectar e você pode utilizar ok porque eu vejo que tem muita gente que complica muito para explicar como que funciona o que

precisa é mais fácil você já olhar na prática conectar e utilizar eu acredito que isso vai ajudar mais você aí na hora de fazer essa conexão e se você quiser saber mais sobre o assunto mais se aprofundar mesmo aí você pode clicar direto no link que eu vou deixar aí na descrição que é onde você pode eh procurar e também você pode colocar nas IAS aí chat GPT né na Grock colocar lá e escrever o que que é MCP eh para que que serve como que funciona você vai se aprofundar mais aqui eu quero ir

direto ao ponto aonde você pode conectar e utilizar e criar aí seus aplicativos beleza se você ainda não é inscrito se inscreve no canal e clica no botão de like e quando você clicar no botão de like agora eu vou falar: clica no botão de hype eu falo e pá porque fica mais fácil a pessoa entende ela vai lá clica né e é muito mais simples mas é no botão de hype tá na hora que você clicar eh vai ajudar aí eu a alcançar os 100.000 inscritos OK e também deixa um comentário aí eh qualquer

comentário o que você achou da ferramenta o que você acha dessas tecnologias né eh pode deixar um comentário aí que isso ajuda bastante também se você ainda não entrou na comunidade e a code aproveita entra na comunidade aí que tem uma promoção que se você e seu amigo assinarem ali a comunidade depois de 7 dias você ganha uma assinatura em qualquer ferramenta pode ser na Loveball cursor Windsurf Bolt tá e aí eu vou a comunidade vai assinar e vai te dar esse plano aí mensal né que é um mês né que você vai poder utilizar

eh essa assinatura ok então galera vamos vir aqui no Kine abre o VS Studio instala aqui o Kine você vai ver que é bem facinho é para instalar é só você vir aqui nas extensões né e colocar Kine aqui você vai ver que é bem simples de instalar ele vai aparecer um robozinho e aí aqui ó quando você clica tem aqui vários eh MCP servers tá tem vários aqui isso que é legal porque você já tem tipo um marketplace aqui completo que você clica em instalar né e é bem fácil sabe isso é bem legal

eh o MCP para ser bem resumido aqui é como se você conectasse uma ferramenta USB para ajudar você a desenvolver aí o seu aplicativo tá eh você pega aquela ferramenta conecta via USB e aí você vai conseguir utilizar que nem você consegue conectar o super base né tem vários aqui recursos olha só tem um monte se você descer aqui você vai ver ó tem o Firecloud né que é de raspagem ali na internet tem aqui o Art né tem aqui o Shopify Spotify Discord Google Calendário né tem ali tem nossa tem muita coisa supase e

aí você pode ir rolando aqui a o mouse né você vai ver que tem muito e isso é bem legal isso te ajuda muito o legal do Kline é que ele tem essa esse marketplace aqui né que você consegue utilizar só que daí você tem também aquele lance que você tem que colocar o seu modelo tal né para você ter um desempenho melhor você tem que ter uma API ali né tem aí as maneiras de usar eh free né só que tem limites né então aqui com o seu modelo você consegue utilizar assim de acordo

com o que você colocou ali né o valor tá eh no surf você consegue também no cursor também tá eh aqui ó foi um exemplo que eu pedi ali utilizando um MCP que é bem legal galera que você pode economizar aí bastante tempo na parte do front tá aqui ficou ruim porque eu não tinha nada instalado eu pedi para ele criar aqui mas eh ele utilizou é bem simples né ficou bem simples isso aqui mas eu vou mostrar aqui para vocês como conectar também eh essa esse MCP que é bem legal que é esse aqui

eh vou mostrar aqui o site né aonde você pode seguir se cadastrar também é pago tá mas tem eu acho que cinco chamadas ali que você consegue utilizar galera o site é esse aqui eu vou falar aqui ó é o 21 Stone Dev tá eh falar assim desse jeito mesmo do jeito que tá aqui não vou falar em inglês aqui mas aqui ó 21 Stone Dev que você pode eh clicar no link aí embaixo tá e aí eh o que que você consegue fazer com esse MCP eu já até falei desse site uma vez que

você consegue catar aqui é componentes né e utilizar no seu aplicativo você consegue catar elementos eh componentes né eh tá vendo aqui ó accordeons eh gráficos eh várias coisas aqui avatares tem muita coisa que você consegue fazer e aí com o MCP você consegue conectar direto e utilizar lá na sua ferramenta tá aqui ó você pode ver que eu usei ó tem eh quatro de cinco né então foi o free que eu utilizei e é bem fácil de conectar tá eh aqui você pode para conectar ali no surf tá vendo ó é só você copiar

muito simples você copia vai lá no Windows Surf tá vem aqui na no martelinho ó você clica e aí configuração aí você vai ver aqui que vai tá vazio você vai copiar aquilo e colocar aqui dentro aí você dá um contrl S para salvar e vem aqui ó refresh tá vendo aí se ele ficar verdinho desse jeito ele vai mostrar três ferramentas aqui ó tá vendo ó que você pode utilizar você pode pedir para ele eh te mostrar inspirações tá vendo eu pedi para ele mostrar aqui uma inspiração relacionada ao que eu já tinha criado

né você pode pedir para ele criar né pegar aqui e criar toda vez que você for pedir alguma coisa ou você pode que nem aqui ó se você vê direitinho ó deixa eu mostrar aqui ó na ferramenta deixa eu aqui ó eh ferramentas eh aqui ele mostra como que você começar ali uma conversa para pedir né ou você pode colocar aqui eh barra i aí escreve crie um form e tal né ou você coloca aqui ó 21 tá vendo que é aqui ó tá é ST pode ser aqui ó 21 stone tá vendo e aí

coloca vírgula e coloca o que você quer que ele faça ah eu quero que você busque referência eu quero que você crie tal coisa então sempre comece assim e aí ele vai buscar direto aqui ele vai conectar direto com o MCP e vai criar ali ó que nem aqui ó deixa eu subir um pouquinho cadê aqui ó ui tá vendo ó barrai crie um form para cadastrar um evento e aí ele busca lá né a referência ele busca e cria utilizando ali as bibliotecas que já tem nesse MCP só que como eu falei ele é

pago né você precisa tá eh colocando ali eh assinatura tá eh mas tem cinco aí que você pode utilizar então bem simples de conectar você viu aqui ó muito simples mesmo não tem segredo nenhum é só você clicar configuração colocar refresh e ele vai eh conectar tá aqui você vai ver que eh tem ele também ó eh deixa eu achar ele aqui ó aqui ó tá você consegue utilizar no Kine também só clicar em instalar ele vai instalar para você aí tem a sua continha ali assinatura bem simples também tá não tem segredo nenhum é

como se você tivesse pego um cabo ali do site né e conectado via USB aqui no seu na sua IDE né no seu na sua ferramenta no cursor no cliner qualquer um tá bem simples de utilizar e ela é bem legal tá eu super recomendo você testar aí é tem vários aqui ó tem muita coisa legal que você pode utilizar aí para ajudar no seu front end tá eh isso pode ajudar bastante né se você não quer ficar ali eh meio que na sorte ver qual que ele vai criar você pode utilizar esse MCP que

é muito legal e dá para utilizar no cursor dá para utilizar no sururf é bem simples aqui no cursor é a mesma coisa tá galera é bem simples também você vem e na configuração aqui e você vai ver que tem MCP aí você pode conectar aqui ó tá é muito simples também você vai vir aqui no site e aí você vai procurar aqui eh colocando como instalar pro cursor que é a mesma coisa na verdade ele vai criar uma string aqui né que vai conectar direto aqui com o cursor tá aí você vai colocar o

nome aqui você vai deixar assim mesmo e vai colocar aqui a string tá é bem simples também não tem segredo nenhum ok eh como eu gosto muito de utilizar ali o surf eu super recomendo porque ele é muito muito fácil assim eh de conectar de ver se deu erro se não deu aqui com cursor e tem alguns eh MCP que não conecta não sei o que que acontece já utilizando o cursor no eh Linux ele conecta conecta tudo já que no Windows às vezes não conecta é muito complicadinho assim de tentar descobrir porque ele não

mostra o erro então não sei o que que acontece se é só aqui na minha máquina não sei mas eu sei que quando eu abro no Linux conectado ali ele funciona perfeitamente uma coisa que eu vou fazer que eu não fiz ainda já deveria ter feito é ter desinstalado instalado de novo pode ser isso que esteja acontecendo se cá fica a dica se caso acontecer com você você não conseguir conectar algum MCP no cursor desinstala e instala de novo pode ser que isso resolva tá porque eu instalei no Linux e funcionou perfeitamente qualquer eh conexão

via MCP tá então já é uma dica aí para você eh agora a gente vai eh conectar um que eu gosto muito mas tá em modo leitura mas tem algumas opções que você pode colocar ali e conectar para fazer eh inserção ali né inscrita no seu banco de dados eh mas também tem umas outras opções ali que você tem que assinar o Supas para tá utilizando ali uma conexão direta tá mas tem algumas eh MCP que tem aí fora que mostra ali como você eh utilizar eu vou te mostrar aqui no modo leitura que é

muito bom também tá para você utilizar a gente tá com esse aqui tá vendo eu vou pegar aqui o MCP para ficar mais fácil eu vou tirar esse aqui ó eu vou deletar né e vou vir aqui ó dar um refresh para ele sumir com essa conexão que já não existe mais vamos esperar um pouquinho vou clicar de novo caso ele não saia a gente fecha o surf e abre de novo não tem problema vamos clicar esperar ele tá tentando se conectar ali mas não existe mais né ele tá aqui eu não vou fechar não

eu só vou colar aqui e vou mostrar para vocês ó eh aqui é o seguinte você vai se conectar aqui né eh utilizando exatamente essa configuraçãozinha aqui ó tá vendo eh eu posso até deixar aí na descrição para você mas eu vou deixar o link da onde você pode pegar também tá eh aqui você vai usar essa string aqui ó mas ele vai já você já vai colocar isso aqui já vai tá no modelinho aqui você vai acrescentar a conexão ali do Supas tá e a senha OK ele vai pegar a senha então eu vou

mostrar aqui no Supas tá você vai vir aqui no seu projeto você vem aqui em connect tá vendo e aí ó aqui a conexão direta se você tentar utilizar ali talvez não vá funcionar tá é talvez você tenha que assinar aqui um planinho eu não assinei ainda para fazer essa conexão mas vou assinar e vou trazer um vídeo aqui para vocês tá mas é você pode pegar aqui ó esse tá copia aqui essa URL e aí eu vou colocar aqui embaixo para vocês verem ó tá vendo é exatamente a mesma que tá ali em cima

ó depois daqui para lá é essa aqui tá aí você pode colocar aqui o password né que é a sua senha do banco de dados ali né eh você vai colocar e pronto tá vendo ó aí eu vou pegar essa URL aqui ó e vou colocar aqui dentro da aspas e vou colocar ela e vou clicar em é salvar né contrl S tá salvou aí eu vou vir aqui ó como ele bugou ali ó tá vendo ele não tá saindo tá vendo ó da conexão eu vou ter que fechar mesmo e abrir então ó vou

fazer o seguinte ó contrtrol S aqui fechei e abri o surf vou vir aqui ó no martelinho tá vendo ó supas conectado ó bem facinho tá vendo ó já conectou bem fácil ó lá tá eh não tem segredo nenhum ó eh com essa com esse essa configuração aqui você consegue conectar muito fácil tá tá conectado eu vou perguntar aqui para ele vamos ver é porque é de outro projeto essa esse Supas mas eu vou falar aqui ó eh verifique pera aí cadê aqui verifique eh no banco de dados qual tabela existe eh utilize o MCP

só como não é o mesmo projeto né eu vou colocar desse jeito e vou pedir para ele eh utilizar o MCP ele vai eh ele tem que trazer aqui a tabela que existe ali no banco de dados ó ele já consultou aqui ó tá vendo tá consultando a conexão e aí ó ele já trouxe ó e verifiquei o banco de dados e encontrei a tabela chamada favorite e vídeos tá vendo bem facinho né galera ele trouxe aqui ó tranquilo bem fácil a conexão só que essa conexão é leitura por que que eu falo que também

é funcional e é bem legal de utilizar porque quando ele faz a leitura ali no banco de dados ele vai sempre saber a tabela que você tem e aí para gerar ali eh se você não quer uma conexão direta né que você também pode utilizar ali as credenciais né colocar aqui no no surf e utilizar essa conexão direta às vezes dá alguns probleminhas de eh ele esquecer que tá conectado às vezes dá aquelas coisas que você já deve ter passado com a conexão com supa base que dá alguns probleminhas mas também super eh confiável ali

de utilizar também você consegue utilizar mas depois você tira as credenciais ou deixe no ENV eh aqui no arquivo ENV mas também eh você utilizando essa maneira aqui ele pode gerar o SQL e você eh só colar lá no no banco de dados que ele vai criar as coisas né então que nem eu quero uma outra tabela eu peço para ele fazer uma leitura para ver a tabela que tem ali e criar eh uma tabela criar o SQL aqui para eu copiar e colar lá e aí ele cria aí eu vou lá no meu banco

de dados né vem aqui no meu banco de dados né vou pegar aqui esse aqui e vou vir aqui na minha tabela olha só vou clicar tá vendo na tabela favoritas aqui ó foi exatamente aquele consultor tá e aí eu posso falar fazer o seguinte peguei lá o SQL venho aqui ó SQL Editor tá vendo e colo aqui e aí executo o run aqui ó tá e aí ele vai criar a tabela as permissões políticas ali ele cria tudo isso é uma maneira bem legal de utilizar também e acredito que um pouco mais simples porque

dá menos erro tá você executando dessa maneira qualquer erro que der aqui ó na parte da execução ele vai aparecer aqui aí você copia e manda lá para ele que ele vai corrigir tá então é bem funcional galera super recomendo que vai te ajudar bastante e aqui no Kine você consegue também eh fazer a conexão vindo até aqui ó achar Supase eh cadê tem aqui o Gitlab tem o ó tem o cara tem muita coisa aqui no Kine ó Google Maps tem YouTube tem aqui Figma nossa é muita coisa muito legal tá vendo e aí

você pode vir aqui ou escrever ali né Supase mas eu vou vir aqui ó Supase tá você vai clicar em install e você tem que tá com a sua API tudo certinho ali né ele vai fazer aqui para você ah para conectar né e aí você consegue utilizar também é bem legal tá é bem fácil você pode criar também MCP tá eh o Kine ele é muito bom para criar MCPs é ele é muito fácil assim muito bom para criar tá aqui ele tá instalando ali ó tá vendo é bem fácil também ele é isso

que é legal né ele criar assim é bem bem bacana desse jeito tá vendo ó já fez aqui já criou aí ele terminou aqui ele tá pedindo para eu reiniciar aqui o processo é um pouquinho mais demorado que ele cria arquivos aqui ele cria tudo uma configuração tá ele tá pedindo para eu atualizar aqui a a tela reiniciar né fazer eh fechar abrir de novo vamos fazer isso vou fechar vou vir aqui e vou abrir de novo vou vir aqui no Kine né vou clicar eh aqui MCP tá vendo vou falar para ele aqui que

eu já reiniciei já reiniciei e aí ele vai mostrar [Música] aqui e aí olha só galera ele colocou aqui ó tá vendo ó eh ele falou que já reiniciou tal e aqui ele vai mostrar o que pode fazer tá vendo ó ferramentas de consulta de banco de dados ó get nas esquimas na tabela tá vendo ó eh execute o post gris tá vendo ó eh tem várias coisas aqui ó migração tal aqui ó vamos ver o dois aqui ó ferramentas de API é de gerenciamento ó é sendage tá vendo ó api request tá vendo ó

dá para ele mostra aqui né o que que ele pode fazer aqui a parte de ALF né quer ver ó vou pegar aqui ó lá ferramenta administração de autenticação né é a parte ali de autenticação no Supase então várias coisas aqui essa aqui é parece ser bem mais completa do que aquela que eu a gente conectou ali ó eh deixe-me verificar se o servidor está conectado e quais as ferramentas estão disponível agora que você reiniciou o Kine ele vai verificar então vou aprovar aqui ó eh erro vamos ver o que que ele vai mostrar nesse

erro aqui talvez ele já até arrume aqui né aqui já até mostrou já até identifiquei eu só esqueci de colocar credencial né galera tem que pôr eh você tem que colocar aqui a eh o suabase aqui a parte da URL né a Q tá aí aqui ó o projeto que você tem a senha OK eh aqui a região que você pode colocar isso aqui você vai encontrar lá no Supas tá é bem simples também você pode vir aqui no Supas tá vem no seu projeto aqui em API aí você vai conseguir ver toda a o

que ele tá pedindo ali tá o projeto eh também você vai colocar o o aqui a parte do projeto aqui ele pede cadê deixa eu ver aqui aqui ó project tá vendo ó a referência do projeto né que geralmente é o codiozinho que fica ali na URL então você vai ver que é bem simples de conectar aqui é só você preencher com as suas informações tá não esquece de preencher não eh para ele funcionar e também ó quando você vem aqui ó na parte do Supas ó cadê cadê aqui ó você pode eh clicar ele

vai abrir aqui no navegador tá vendo ó e aí ó aqui tem a o manual né de como você instalar tá tem tudo certinho aqui ó que é da maneira que você pode instalar ó olha só você seguir aqui direitinho tá vendo ó as credenciais aqui que eu falei lá ó você tem que colocar tá para ele funcionar direitinho ó lá tem tudo aqui ó o local lá lembra que eu falei ó tá aqui ó tá vendo e aí você conecta aqui ó ele mostra também como você conectar ali né eh em diferentes IDs né

que é no surf no cline tá vendo ó no e cursor tá ele vai mostrando olha só aqui ó no cursor aí aqui no sururf então ó você iria pegar essa essa esse Jzon aqui ó tá vendo você vai copiar aí você vai lá no indurf aonde a gente colocou né tá vendo ó você iria pode colocar dentro aqui fazer várias mas eu eh indico se é supa base então você tira essa né e vai colocar aqui aí você tem que preencher aqui ó os campos tá você vai preencher para ele poder funcionar corretamente mas

você tem que seguir as instruções aqui ó tá cadê cadê deixa eu ver onde ele abriu ahã aqui não não foi aqui eh você tem que seguir primeiro aqui né ó o passo ó ele até mostra aqui ó é primeiro passo segundo passo né e aí você vai seguindo tá para quando chegar aqui para conectar tá vendo ó quando chegar aqui nessa parte eh ele poder funcionar direitinho tá eu vou deixar aí para vocês também na descrição você pode seguir aqui o passo a passo que é bem fácil tá é só ir lendo direitinho traduz

aqui e vai seguindo OK mas a maneira mais facinho para você já conectar é dessa outra aqui que eu mostrei tá que é bem fácil também que eu vou mostrar aqui aonde que eu achei então você pode vir aqui deixa eu abrir ó vou vir no Google ó eh Supas MCP Wind Surf tá aí ó já no Supas mesmo tem aqui ó cursor né Kine o cloud eh o Surf aí ele mostra como você conectar tá vendo aquela aquele codzinho lá que tinha olha só o Jon olha aqui ó tá aqui você consegue pegar e

só substituir ó aqui você deixa e coloca a sua string aqui ó né a sua URL você vai colocar aqui no lugar e vai copiar esse aqui e colocar lá tá e aí aqui é leitura aqui ele mostra que para você ter uma conexão direta você tem que usar aquele outro que eu falei para você que é esse aqui ó deixa eu vir aqui conexão aqui ó que é esse aqui tá eh para ter aquela conexão direta que eh pode inserir né fazer tudo seria esse aqui tá só que esse aqui tem um planozinho que

você tem que pagar tá eh tem esse outro que eu te mostrei que é direto no Kine que você acessa eh pela URL né deixa eu ver onde tá aqui ó vou clicar no Kine aqui novamente ó lá vai ser vai abrir aqui né deixa ele carregar aí que tá aqui no Git né aí você pode seguir os passos aqui tudo direitinho como conectar dessa outra maneira aqui ó tá tem aqui ó tá vendo ele tem mais acessos aqui ó tá vendo ó ele pega várias coisas né ele pega aqui o região o token o

Qi tá vendo ele pega aqui mais credenciais que aquele outro lá né eh então pode ser que te dê um acesso ali eh mais robusto tá você pode tentar utilizar ele também seguindo aqui os passos OK e aí você testa aqui os outros também né tem vários aqui ó eh todos que você clicar ele vai abrir aqui eh o lugar ó quer ver ó Spotify aqui ó tá aí você vem aqui e segue tudo que ele tá mostrando aqui ó tá você vai lendo ali tudo que ele tá mostrando ah eu quero conectar o sei

lá o Google vamos ver aqui o o Notel tá vendo ó eu quero o Stripe ó vou clicar aí você vem aqui ó e segue tudo direitinho ó tá como conectar é tá tudo aqui explicando tudo direitinho OK então tem várias ferramentas que você pode utilizar aí para ajudar você dia a dia aí na construção dos seus aplicativos o que eu gosto muito de utilizar é essa do Supas eu gosto bastante que eu gosto de pegar ali o SQL colocar tirar e ir direto lá no Super Base tá aqui ó no Ind Surf você vai

ver que agora tem você clicando aqui na engrenagem você vai vir aqui no MCP ó adicionar tem alguns templates já aqui igual tem no Kine né você viu eh tem aqui ó GitHub muito fácil tá de conectar eh tem outros aqui ó tá vendo ó post gris ó tá vendo ó stripe olha só que maneiro tá que você consegue você clicou aí aqui ele vai pedir o que você tem que conectar tá se eu clicar ali ó ele vai abrir aqui a página vamos dar uma olhadinha que vai vir pro stripe aonde você vai pegar

o que ele tá pedindo tá que é aqui ó tá vendo ó ele tá pedindo aqui o secret né k aí você vai conseguir pegar e conectar bem simples né galera só pega lá e conecta aqui tá eh para utilizar então ó vou vir de novo ó adicionar aqui eu não quero mais então ó GitHub a mesma coisa o que que eu preciso do token tá como que eu pego você vai clicar aqui e vai vir direto aqui no seu token tá você pode criar aqui ó gerar um token olha só que legal você gera

o token aí vem aqui no surf né coloca o token aqui pronto ele vai conectar para você eh e você já pode utilizar o token ele vai você vai poder aqui no GitHub subir repositório né colocar ali fazer e o push fazer tudo direitinho mas já conectado no MCP então você vai pedir aqui ele já vai subir para você já vai fazer você não vai precisar ficar aqui git status git add git comit né ele vai fazer aqui direto então bem fácil também tá galera eh clicou aqui abriu ali o GitHub ó lá vem aqui

gera um novo token e utiliza ali para subir aqui né você tem que ter a conta já né no GitHub tá eh bem fácil né bem bem de boa né tem o Slack aqui tem o Figma galera mesma coisa é você pode usar esses templates aqui que vai ajudar bastante tá bom galera espero que ajude aí você a conectar esses essas ferramentas via USB aí né no seu é na sua IDE que vai ajudar bastante na hora de criar aí suas aplicações beleza criar os seus aplicativos suas ferramentas né vai ajudar bastante OK então utilize

aí e coloque aqui nos comentários eh se você conseguiu conectar se você tá utilizando se tá ajudando né você aí eh criar os seus projetos se você ainda não é inscrito no canal se inscreve deixe seu like clique no botão de hype que vai ajudar bastante e deixa um comentário também OK se não entrou na comunidade e a code o link tá aqui na descrição