📱

Get Our Mobile App

Take your business learning on the go!

Download on the App StoreGet it on Google Play

Claude Code + WordPress MCPs (Novamira)

Jeffrey @ Lytbox1:24:03

Transcription

Acho que sim. Vamos garantir que tudo está conectando e funcionando. Vou continuar dando uma chance ao Riverside. Ainda estou no período de teste. Vamos ver como ele se sai em comparação com o meu software antigo. Tudo bem, vejo que estou aparecendo no meu iPad. Isso é um bom sinal. Legal. Legal. Ok, cara. Esta vai ser uma divertida. Eu estava ansioso por isso o dia todo. Não apenas o dia todo. Eu estava ansioso por isso desde as 4 da manhã. Vou explicar sobre isso em um momento. Mas esta vai ser, uh, esta vai ser a certa aqui. Uh, vamos ver. Ok. Quero ter certeza de que o chat está funcionando porque ontem ou noite passada, quando fizemos a transmissão ao vivo, tivemos que configurar um novo ambiente aqui dentro do Riverside. Minha outra plataforma estava fora do ar. Eu não tinha o chat. Quero ter certeza de que está funcionando desta vez. Tornando mais fácil conectar com todos. Deixe-me apenas, uh, colocar algo aqui. Ei, está funcionando? Vamos ver. Ok. Tudo bem. Tudo bem. Deixe-me entrar no clima. Eu estive aqui atrás do computador. Ok. Sim, está funcionando. Tudo bem. Dope. Como está o áudio? O áudio está bom? Vou manter meu iPad aqui. Garantindo que estou compartilhando. Certo. Legal, legal, legal. Ok. Sabe, vamos começar e eu vou direto ao ponto porque quero que isso seja produtivo. Quero que haja um foco claro. Quero que muito valor saia disso, especialmente quando alguém estiver assistindo isso em uma reprise. Vamos fazer tudo ao vivo. Fizemos a transmissão ao vivo ontem à noite, mas ontem à noite foi meio que no estilo comando. Foi como entrar de cara no Claude Code Terminal MCPS, apenas fazendo um monte de coisas e não funcionou. Então, fui para a cama, mas não consegui dormir direito porque estava na minha cabeça. E literalmente acordei às 4 da manhã e pensei, preciso de um processo. Eu não tinha um processo. Entrei com tudo, tipo, vamos entrar no terminal e começar a fazer coisas. Então, o que fiz às 4 da manhã, voltei a isso. E desta vez, dei um passo para trás e coloquei ênfase no processo. É como um projeto de web design. Sempre tem que haver um processo. Se não houver um, eu me perco. E foi assim que me senti ontem à noite. Mas não me arrependo. Acho que isso é bom porque neste mundo do que está acontecendo em nossa indústria com todas as ferramentas de IA e todas essas novas coisas que estão saindo, é muito bom ver os tutoriais chamativos sobre, ei, isso é legal. Podemos fazer isso em 12 minutos. Mas também acho que é importante mostrar o outro lado, o lado do aprendizado, o lado dos obstáculos ocultos, o lado em que é como se simplesmente não estivesse funcionando. E então é como quando aprendi desenvolvimento e estava aprendendo a programar, tentando resolver um problema. Eu ficava acordado a noite toda tentando consertar algo, não funcionava, mas então eu tomava banho de manhã e a solução simplesmente vinha, como o pensamento, a ideia, e então você só quer correr e tentar. Então é aí que estamos agora. É isso aí. Real Beckham. Vamos lá. Vamos lá. Tudo bem. Quero testar isso. Vamos ver antes de entrarmos lá. Sim. Ok, legal. Podemos exibir as perguntas e coisas assim. Então, se você tiver uma pergunta, definitivamente pergunte. Esta é uma daquelas coisas em que queremos, eu quero me conectar. É a razão pela qual estou fazendo as transmissões ao vivo. E se eu tropeçar agora, é porque dormi poucas horas e estou atrás do computador desde as 4 da manhã. Atualmente são 18h onde estou. Uh, sim, é engraçado como funciona, mas funcionou. Na verdade, deixe-me mostrar como funcionou. E teremos uma experiência completamente diferente esta noite do que tivemos ontem à noite. Tudo bem, legal. Devemos ser capazes de ver o compartilhamento de tela. Deixe-me esconder isso e vamos percorrer o processo. Espere, isso não deveria ter acontecido. Ok, legal. Apenas garantindo que minha tela esteja compartilhando porque já fiz transmissões no passado onde fiquei uma hora sem compartilhar minha tela porque esqueci de clicar. Então, é isso. Vamos seguir um processo e teremos um foco sólido apenas em adicionar um MCP a um site WordPress, configurá-lo com código de nuvem e ser capaz de usar código de nuvem para fazer alterações em nosso site para fazer coisas como testar nosso site, rastrear nosso site, adicionar postagens, até mesmo criar plugins, fazer basicamente todos os tipos de coisas, mas ser capaz de controlar nosso site WordPress usando código de nuvem via um MCP. Agora, o primeiro passo no processo de configuração do site WordPress. Vou usar meu local e é isso que sugiro fazer porque, sabe, posso conectá-lo diretamente aos meus arquivos locais. E bem, este é um site descartável. É um, sabe, é um dup, é um clone de outro. Então, se algo acontecer, tenho um backup. Posso reiniciá-lo. Mas sempre use um backup, especialmente nestes primeiros dias de conexão do Cloud Code a um site WordPress para fazer alterações com o Cloud Code. Em seguida, vamos criar o arquivo MD. E este será o arquivo que dará ao Cloud Code as regras, o que fazer, o que não fazer, e terá tudo estruturado de uma forma. Então, desta forma, não estamos apenas entrando com tudo. Foi o que fiz ontem à noite. Não fiz um MD5. Apenas entrei tipo, "Cara, Claude, comece a fazer coisas." E uh, isso quebrou as coisas. Não funcionou muito bem. Em seguida, vamos adicionar habilidades. Temos habilidades específicas criadas pela equipe do WordPress que vamos usar. E essas habilidades serão algo que o Cloud Code pode ler para que tenha melhores direções para trabalhar no ambiente WordPress. Em seguida, vamos configurar nosso MCP. E para isso, vamos usar, deixe-me sair deste loop infinito aqui. Vamos usar Novira. Isso é da equipe dinâmica oo. Eles lançaram isso e isso é basicamente um servidor MCP. Pelo que entendi, e isso é apenas agora, ainda estou entendendo. Posso estar errado. Se estiver, por favor, me diga. Mas pelo que entendi, eles estão usando o adaptador oficial do WordPress MCP, mas adicionando a ele. Então, somos capazes de fazer mais como, sabe, executar PHP, como código, fazer muito mais do que apenas as coisas seguras. Somos capazes de fazer mais. É isso que vamos usar para, tipo, criar plugins. Tudo bem. E então temos o teste de código de nuvem. E eu tenho um pequeno algo que vou fazer também. E neste, vou conectar dois MCPs. Então, o que tenho em mente é usar código de nuvem para, na verdade, deixe-me, uh, tirar isso para que possamos olhar para isso. Vamos fechar isso. Então, o que estou procurando fazer é ter o código de nuvem escaneando o site e estou pensando em cenários onde será útil. digamos, completar um projeto, mas antes de entregá-lo a um cliente, ter que rastrear o site, procurando por problemas como palavras mal escritas, links quebrados, uh, texto fictício, Lorem Ipsum que ainda está lá, coisas que nos fariam parecer pouco profissionais se o entregássemos a um cliente e o cliente o encontrasse e nós o conectaríamos. Então, Claude criará nossa tarefa aqui e eles identificarão os problemas. Então, em vez de apenas identificar os problemas e jogá-los em você, sabe, mantê-los no terminal ou dentro do aplicativo, estamos realmente armazenando tudo de forma organizada. E então, sabe, temos que fazer algumas coisas legais. Então, vamos explorar. Ok, vamos mergulhar. Mas antes de mergulharmos, vou sair do compartilhamento de tela rapidinho porque só quero dizer olá a todos e ver quem está aqui, quem tem perguntas. Ok. Tudo bem. Testei o Elementor MCP? Ainda não. Ainda não. Isso é o próximo. Veja, eu queria começar com um primeiro e meio que dominá-lo e depois adicionar o próximo. Mas o que notei é que quando usei o MCP com Novameir, que também está usando o, uh, adaptador oficial do WordPress MCP, e tive coisas mudando no texto, isso quebrou algumas coisas. Há como algumas barras removidas do banco de dados. Consegui consertar isso, e vamos ver isso acontecer. Tipo, eu fiz isso algumas vezes agora e sempre acontece. Uh, então veremos isso. Mas é aqui que sinto que ter aquele MCP do Elementor será super legal. O que é um mapa? Um mapa é, é, aquela coisa que você encontra para direções. N, desculpe, não pude evitar. Não dormi muito. MCP, ei, boa pergunta, cara. Boa pergunta. Podemos começar por aí. Eu tinha outras coisas prontas, mas se você é novato nisso, podemos começar por aí. Ok, então todos nós sabemos o que é automação. Bem, espero que saibam que sabemos. Digamos que temos um formulário WordPress e queremos que esse formulário seja canalizado para algo como o Slack. Bem, vamos usar uma ponte para conectar os dois. Então, teremos o aplicativo indo diretamente para algo como Zapier, Nadin, Autokit. Isso age como sua ponte, sabe. Vamos pegá-lo. E então isso se conectará ao aplicativo. Então, digamos que queremos preencher um, como um c, como um cliente ou consumidor preenche um formulário, ele é canalizado para um chat do Slack, um canal do Slack e assim somos notificados lá. Bem, o Slack tem sua própria API e essa API é o que conecta, não, o que conecta à nossa ponte. Então, é a API que o Slack criou. E um NPC é muito semelhante, exceto que o MCP não vai conectar para, deixe-me ver, o MCP vai conectar para algo como código de nuvem. Ele vai conectar para, sabe, também pode ser VS code e outras coisas, mas estou usando código de nuvem neste exemplo, mas essa é a diferença. É como a API, exceto que é construída para IA. Ok, espero que isso faça sentido. Espero que faça sentido. Então, temos alguns elementos aqui. Primeiro, vamos dar uma olhada. Temos o servidor MCP. Tudo bem. E então temos o MCP. São duas coisas diferentes. Neste caso, MCP, isso será apenas um pequeno trecho de JSON. E eu vou mostrar a você. E esse trecho se conectará ao servidor. Agora, o servidor neste caso, deixe-me tirar isso do caminho. Ok, o aplicativo se conectará ao MCP. O MCP está conectado ao servidor e então eles se conectarão ao código de nuvem. Então, desta forma, quando nós, provavelmente é o contrário. Ok, eu, eu, eu não dormi muito. Tenha isso em mente. Mas basicamente, este MCP será como a API que fala o código de nuvem. Ele diz o que fazer. Ele dá instruções, assim como quando você vai ao Zapier e configura sua automação. Você obtém uma lista de todas as ações que ele pode fazer ou todos os gatilhos. Pense nisso dessa forma, exceto para IA. Vamos seguir em frente, e espero que isso comece a fazer sentido. A propósito, estou preparando uma oficina para isso dentro de nossa comunidade. Uh, você pode conferir. Está na descrição que vem a seguir. Mas agora, eu só quero construir isso e quero passar pelo processo e focar no processo. Vou usar o Cloud Co para isso. Então, primeiro, configurar o site WordPress. Eu já fiz isso. Tenho o site. Veja, eu não compartilhei a tela. Ah, sim. Eu fiz de novo. Ah, cara, eu fiz de novo. Veja, preciso olhar para o meu [risos] iPad. Droga, isso foi até que bom. Isso foi até que decente. Tudo bem, acho que teremos que voltar a isso. Tudo bem, vamos apenas pular para o processo de configuração. Obrigado, Mark, por, uh, sinalizar isso. Tudo bem. Bulerius é o melhor MCP em um construtor. Tenho ouvido coisas boas sobre isso. Tenho ouvido coisas realmente boas. Ok. Uh, vou apenas entrar agora. Então, primeiro passo, configurar o site WordPress. E eu tenho o site configurado aqui. Então, este é o site. Uh, deixe-me apenas ir para meus plugins porque precisaremos instalar algumas coisas. Ok. Então, aqui está nosso site. A próxima coisa que precisamos criar é o arquivo MD e é para isso que uso o Claude. Então, mantenho um chat aberto e trabalho com ele no chat e, sabe, eu digo a ele o projeto em que estamos trabalhando, o projeto e pergunto a ele e peço a ele para criar o arquivo MD. Então, ele já o criou para mim. Agora, se isso for para um projeto real, eu entraria e trabalharia um pouco mais nisso. ser mais detalhado aqui porque este arquivo MD é muito importante. Podemos ver que ele está conectando as habilidades. Ele está dizendo o que pode fazer, o que não pode fazer. Ele está definindo as regras e isso é realmente importante. Isso, sabe, quanto mais detalhados formos nisso, mais seguros poderemos ser enquanto construímos. Então, com isso, temos um arquivo. Vou baixá-lo, o que já fiz. E deixe-me abrir meu localizador. Tudo bem. Então, vamos usar isso. Deixe-me abrir outra aba. Vou encontrar meu arquivo local. E vou apenas arrastá-lo para lá. Você pode usar o terminal para movê-lo. Eu usei o terminal ontem. Hoje, vou tentar ficar fora dele. Se eu precisar, tipo, instalar minhas habilidades, vou passar pelo terminal, mas vou tentar usar o Claude agora para simplificar as coisas porque acho que ontem fomos muito complicados e foi um pouco avassalador, especialmente em uma transmissão ao vivo. Ok, então aqui está um site. Vou apenas, sabe, dentro do meu servidor local. Vou direto para ele. Aqui está meu diretório. Vou apenas pegar meu clot MD e soltá-lo aqui. E acredito que seja o lugar certo. E eu sei que tenho a estrutura configurada aqui para verificar. Veja, eu já criei um esboço para ajudar com isso. Então, isso me dá a estrutura. Então, é isso que queremos fazer aqui. Isso é algo para trabalhar com o Claude, sendo capaz de completar documentos como este. Então, desta forma, é repetível. É isso que me manteve acordado ontem à noite. O que fiz ontem não foi repetível. Quando estou construindo um site e trabalhando em um processo, quero que seja repetível. Então, desta forma, não preciso fazer a mesma coisa repetidamente e tentar descobrir as coisas repetidamente. Tudo bem, com isso agora o próximo passo, deixe-me ir para meus slides. Sim, sem nuvem, eu não tentei fazer isso. Ah, talvez eu esteja no fim. Ok, então agora precisamos adicionar habilidades. E aqui vou precisar do meu terminal. Vamos voltar. E eu já trabalhei com o Claude nisso. Tenho isso pronto. Então, sabe, tudo o que você precisa fazer é perguntar. Eu compartilhei o link de onde estão as habilidades. Sabe, temos habilidades criadas pelo WordPress. Eles têm tudo dentro do GitHub. Você pode compartilhar o link com eles. Você pode seguir as instruções sobre como fazer isso ou pode apenas compartilhar com o Claude e pedir para ele resumir, detalhar e dar instruções passo a passo, o que eu achei muito mais fácil. Então, é isso que vou fazer. Vou entrar aqui e instalar essas habilidades. Vamos abrir o terminal. Tudo bem. Primeiro, quero ter certeza de que não estou colocando isso na minha raiz. Quero que vá para minha pasta de projeto. Tudo bem. Vamos ver aqui. É isso que tenho. Tenho isso. Ok. Quero que seja instalado na minha pasta de projeto. aqui dentro. Quero que vá aqui, não na minha pasta principal, vamos executá-los. Tudo bem, legal. Ok. E agora vamos instalá-los e ver. Ok. Temos 13 habilidades instaladas. Vamos dar uma olhada e apenas garantir que tudo esteja lá. Tudo bem. Não vamos vê-lo porque os arquivos de ponto não estão, os arquivos de ponto não estão sendo exibidos. Então, vou pressionar shift, command e ponto. Ok. E eu não estou vendo. Ok. Eu não estou vendo. Tudo bem. Sabe, algumas dessas coisas eu ainda estou descobrindo. Então, posso ver minhas habilidades de agente. Ok. Ok, posso ver que minhas habilidades foram instaladas aqui, mas não foram instaladas. Tudo bem. Deixe-me, uh, já que preciso, acho que preciso trabalhar com o terminal nisso, o que vou fazer é trabalhar com o Claude. Sabe, o objetivo é percorrer o processo também porque, sabe, vemos todas as coisas glamorosas no YouTube sobre o que a IA pode fazer em um prompt de 10 minutos construindo um aplicativo completo. Não vemos o trabalho real que é necessário para, sabe, descobrir tudo isso. Então, é isso que vou fazer. Deixe-me primeiro ir para a minha área de trabalho e limpar as coisas para que seja fácil para mim localizar. Tudo bem. E vou tirar um print disso. Tudo bem. Não queremos isso lá. Queremos que isso esteja aqui dentro, mas não estou vendo. Então, vou para o chat para o Claude com isso. Tudo bem. Vamos adicionar isso à área de trabalho. Tudo bem. Vou usar um Whisper Flow para fazer meus prompts desta vez em vez de digitar. Segui os passos para instalar as habilidades e vejo que as habilidades foram instaladas, mas foram instaladas dentro da minha pasta principal do lightbox e não dentro do projeto. Você pode dar uma olhada em ambas as capturas de tela e ver qual é a melhor maneira de mover essas habilidades e aplicá-las dentro do nosso projeto? E só para você saber, temos os arquivos de ponto com shift command period selecionados. Então, assim podemos vê-los. E enquanto olho dentro do meu arquivo de projeto DWE, não vejo minhas habilidades ou os outros arquivos que preciso. Por favor, me guie nos próximos passos para que possamos colocar essas habilidades dentro do nosso arquivo de projeto. Tudo bem. >> [risos] >> Jay, acabei de ler isso, cara. Sim, em vez de MCP, temos Angie. Isso é engraçado. Ok, vamos ver aqui. Ok, imagem um, a pasta de habilidades está visível. Imagem dois, cla já está solto. Ok, agora você precisa executar o comando de instalação para enviar as habilidades. Tudo bem, vamos fazer isso. Veja. Ok, parece bom. Vamos, uh, voltar e dar uma olhada. Sabe, sinto que estou perdendo alguma coisa aqui. Vamos voltar e dar uma olhada nesta estrutura de arquivos. Ok. Sim, é isso que estamos perdendo. Temos o MD, mas não temos o claude ou as habilidades. Tudo bem. Deixe-me, uh, eu executei. Não, comece de novo. Eu executei o comando e parece que foi um sucesso, exceto que não o vejo lá. Não temos nosso arquivo claude/ e não temos nosso arquivo de habilidades. Ainda está vazio dentro do nosso arquivo público. Deixe-me apenas verificar para ter certeza de que não estou cometendo um erro. Mas acredito que sim. Vamos fazer isso. Tenho os arquivos mostrando e é tudo o que temos. Às vezes flui suavemente. Eu, eu fiz isso algumas vezes e fluiu suavemente. Às vezes não. Tudo bem. Isso volta vazio. Ok, foi o que pensei. Pensei que isso estava acontecendo. Ok, nenhum arquivo encontrado. Você sabe o que acho que aconteceu? Não instalei no caminho certo. Sim. Tudo bem. Sim, são todas essas permissões que estão aparecendo porque está verificando tudo. Ok, nada está aparecendo. Tudo bem, legal. Vamos ver aqui. Acho que sei o que fazer. Ok, nada está aparecendo na pesquisa. E sim, nenhum arquivo encontrado foi, uh, encontrado no diretório. Vamos apenas instalar novamente. E, uh, acho que o que fiz de errado foi não ter o caminho do arquivo correto. Então, vou conectar o caminho do arquivo correto. E vamos tentar mais uma vez. Você pode me dar o comando do terminal para instalar, mas no caminho do arquivo correto? Ok, isso pode ser tedioso, mas o que importa é que estamos seguindo o processo. Essa é a coisa principal. Apenas indo passo a passo. Alguns serão rápidos. Alguns, sabe, são um pouco chatos. Vamos confirmar. Eu já tenho. Deixe-me ver. Eu já tenho isso. meu caminho. Está esquecendo agora. Tudo bem, vamos tentar de novo. Boa e velha tentativa de faculdade. Vamos fazer isso. Ok, está travando. Então, quando isso acontecer, vou apenas encerrar. Começar de novo. Ok, aí está. É isso que estamos procurando. Dope. Ok, agora Ok, temos um erro. Ok. Juro que fizemos isso de uma maneira diferente da última vez. Eu deveria ter documentado isso. Ok. E então este. Ok. Desta vez, vou mantê-lo no loop. Tudo bem. Aqui está o que temos. Tudo bem. Vamos ver. H. O problema é que não estamos recebendo nosso arquivo de nuvem. Acho que da última vez eu coloquei isso sozinho. Tudo bem. Não. Acho que eu. Tudo bem. Estou perguntando se nós, sabe, tipo, precisamos colocar isso manualmente primeiro. Sinto que é isso que está estragando tudo. Oh meu Deus. Eu sou R. Ok, este está definitivamente alucinando. Ok, eu tenho. Ok, é aqui que estou começando a ficar frustrado. O quê? Ok, tenho trabalhado nisso o dia todo fazendo coisas e, uh, comecei um novo chat e ele simplesmente esqueceu. O que está acontecendo? [risos] Ele simplesmente esqueceu. Ok, deixe-me, uh, não ficar com raiva da IA. Não é uma pessoa. Não pode nos substituir. Lembrem-se disso, todos. Não é uma pessoa. Ok, eu tinha aberto. Por favor, lembre-se disso. Vamos verificar. Sim. Ok. Está me fazendo dar voltas em círculos que eu não quero dar. Sim. Ok. Sim, vou apenas colar isso lá. Definitivamente. Sim, eu sei que não está lá. Eu tenho te dito isso. [risos] Ei, parece que Jay, você tem se dedicado a isso, cara. Isso é muito bom, cara. Isso é muito bom. Tudo bem, vamos ver aqui. Vamos verificar se o caminho de destino está correto. Sim. Sim. Sim. Sim. Está correto. As habilidades simplesmente não estão sendo instaladas. Então, vamos tentar. Sim. Tudo bem, aí está. Ok, agora está configurado. Agora, é isso que eu estava procurando. Este arquivo claude que nos leva às habilidades. Legal. Vamos seguir em frente. Ok, deixe-me, deixe-me, uh, avisá-lo que estamos atualizados. Ok, isso funcionou. Agora temos o arquivo de habilidades. Vamos seguir para o próximo passo, que é configurar o MCP. Então, vou instalá-lo no meu site WordPress e vamos configurá-lo tudo, pronto para ir. Ok, agora para o site. Vamos primeiro ir aqui e podemos baixar isso. Acredito que já baixei, mas vamos para o plugin e adicioná-lo. Vou sentar. Tudo bem. Dê um minuto à mesa. Ei, só para avisar, estou fazendo uma meta de ter tudo funcionando, atingir as metas que me propus a atingir em menos de uma hora. Então, temos mais 30 minutos. Vamos configurar o MCP. fiz a primeira parte, que é importante, e Jay, isso foi uma boa, uh, menção sobre algumas etapas adicionais. Definitivamente há mais etapas que deveriam ir neste processo para um fluxo de trabalho de desenvolvimento profissional. Estou com você 1.000% nisso. Agora, só quero que os fundamentos, os passos fundamentais comecem a funcionar para que isso se torne quase natural. Então, vamos ativar o plugin. Tudo bem. E vamos deixar todos esses plugins aqui porque eu, eu vou fazer o Claude Code fazer algumas coisas e ajudar com isso. Ok. Vou subir aqui para o meu Nova mirror. Primeiro, nas configurações, vou ativar a IA. Sim. Basicamente, está dizendo que é capaz de executar código PHP. Então, eles estão dizendo imediatamente, tenha muito cuidado ao usar isso. Estou usando em um site descartável. Isso é exploração. Isso é sobre aprendizado agora. É como quando começamos a construir sites para clientes, antes de realmente construir um site para um cliente, construímos muitos sites de prática. Nós os testamos. construímos sites que podem ser estragados até aprendermos o suficiente que realmente podemos usá-lo em produção. Agora, eu não usaria isso em produção. Ainda estou na fase de aprendizado. Estou pegando o jeito. Estou obcecado. Estou acordando às 4 da manhã para fazer isso, mas ao mesmo tempo, temos que ter cuidado com as coisas. Ok, vou chamar isso de, sabe o quê? Deixe-me desligar minha coisa porque não quero continuar vendo pop-ups do meu bit warden. Tudo bem, vou chamar isso de, uh, deixe-me ver, meu claude. Tudo bem, escrevi errado. Tudo bem, então agora você verá minha senha. Vou mudá-la, certo? Vou tirar isso da tela e mudá-la. Mas basicamente, existem algumas maneiras de adicionar isso. Vou fazer a maneira simples, que é apenas jogá-la no terminal. Para mim, essa será a maneira mais fácil. Mas então tenho que confirmar, uh, tenho que confirmar também. Vou mostrar onde faço isso. Então, deixe-me voltar ao terminal. Sabe, vou fechar a sessão. Começar de novo. Ok. Então, adicionou o MCP. Ok, conseguimos. Temos adicionado agora. Mas vou mudar isso porque alguns de vocês, não sei se vocês podem. Este é um site local, mas sei que alguns de vocês são experientes. Uh, eu não, eu não, eu não sei se vocês podem fazer algo no meu computador agora. Ok. Uh, o que vou fazer, no entanto, é revogar. Tudo bem. Vou tirar isso da tela e criar um novo e copiar essa senha. Ok, legal. Copiei fora da tela. Está na minha área de transferência. Mas agora tenho que editar o código real. Então, será aqui no cloud JSON. Tudo bem. Definitivamente não vou mostrar meu claw JSON. E sugiro que você nunca mostre seu claw JSON publicamente no YouTube também. Ele tem todos os tipos de informações muito importantes, como chaves e muitas coisas de segurança aqui. Então, vou, deixe-me ver aqui. Você sabe o que vou fazer? Vou, [risos] parar o compartilhamento de tela. Que tal isso? Apenas para jogar seguro. Mas basicamente, o MCP viverá aqui dentro do cloud JSON. E tudo o que é é um pequeno, aquele pequeno trecho que nós, sabe, aquele pequeno trecho JSON. É isso. O servidor é Nova. Então, este é o servidor. E eu sei que meio que estraguei o compartilhamento de tela explicando exatamente o que é um MCP. É isso que eu estava percorrendo. Eu estava fazendo algumas, uh, funcionou muito bem. Pelo menos eu pensei que sim. Gostaria de ter compartilhado a tela. Mas então o MCP, este é aquele pequeno trecho de código que temos e o servidor MCP, é isso que será Novameir. Eles têm o servidor e nós apenas o conectamos a isso e então tudo se conectará a CL, a cloud, uh, cla cloud. Ok. Agora vou parar o compartilhamento de tela rapidinho para que eu possa ir e apenas, uh, mudar esse trecho de código. Dizer olá a todos. Deixe-me ver aqui. Parar de compartilhar. Acompanhar os comentários e garantir que parou. Estou prestes a abrir isso no VS Code e, uh, deixe-me ver aqui. Deixe-me encontrá-lo. Encontrá-lo. Você só precisa percorrer o código. Não posso percorrer ao vivo porque ele tem outras coisas nele. Sabe, coisas de juramento, números de conta e todo tipo de informação que você não quer compartilhar com ninguém. Ok. Certifique-se. Ok. Bom. Está dentro da minha estrutura de arquivos. Na verdade, sabe o que vou fazer? Deixe-me fazer isso. Tudo bem. Vou fazer isso porque quero mostrar assim você pode ver exatamente o que estamos fazendo. Vou compartilhar minha tela. E eu apenas dei zoom para que você não possa ver mais nada. Ok. É isso que estamos procurando aqui. Podemos ver que tenho o caminho, mas este caminho não está indo para o caminho certo. Na verdade, para mim, isso parece errado. Então, terei que consertar isso. Ele instalou o MCP bem no meu local. Eu queria Ok, cometi o erro. Foi culpa minha. Cometi o erro e sei como consertá-lo. Não coloquei o caminho, sabe, o CD e depois o caminho para apontar para minha pasta de arquivos para instalá-lo. Então, vou voltar e fazer isso. Mas o que vou fazer agora é apenas mudar a senha. Vou consertar o caminho. Então, aqui, sabe, projetos, isso é criado por código. Mas aqui, este é um caminho onde o MCP será instalado. Agora, alguns MCPs vamos instalar dentro da sua pasta inicial. Como tenho o Notion, tenho o Figma. Estes são MCPs que uso muito. Estas são as ferramentas que uso diariamente. Mas se vou usar algo específico do projeto para um site WordPress, vou querer que este MCP, que é basicamente isso aqui. Vou querer que seja apenas nessa pasta onde meu site está. Assim, ele não está sendo usado ou, sabe, não está sendo usado em nenhum outro lugar. Não precisamos dele em nenhum outro lugar. Então, deixe-me ir em frente e, uh, parar o compartilhamento de tela novamente. apenas para que eu possa, uh, sair daqui e mudar esse código, mudar essa senha ou chave. Uh oh. Parece que tenho que voltar e pegá-la porque foi limpa da minha área de transferência. Deixe-me ir aqui. Ok. Tudo bem, legal. Cara, essa coisa é muito legal. Deixe-me copiar isso. Por que não está funcionando? Minha área de transferência está recebendo todas essas outras coisas. Ok, o, acho que o botão de copiar não está funcionando aqui. Acho que é isso que está acontecendo. Ok, vamos salvar isso. Cara, talvez eu tenha que fazer isso de novo. Ok. Uh, eu sei que posso usar o terminal para movê-lo, mas também quero fazer isso, sabe, quero me acostumar com este fluxo de trabalho aqui. Então, com isso, sabe o quê? Vou apenas copiar isso. Deixe-me sair daqui. Voltar. Pressionar o compartilhamento de tela. Assim, não estou apenas falando. Você está tipo, "O que esse cara está fazendo de novo?" O que aconteceu. [risos] Ok. Tudo bem. Está tudo bem. Eu tenho isso. Então, deixe-me ir em frente e pegar meu terminal de volta. E tenho que apontar para o caminho. E é aqui que vamos usar o CD. Ok, agora está apontando para o caminho. E agora deve instalar nesse caminho. Deixe-me fazer isso rapidinho. Vamos ver aqui. Tudo bem, vou voltar para o meu VS Code. Tudo bem, deixe-me esconder isso para que eu possa realmente vê-lo. O Whisper Flow está apenas atrapalhando. Oh. Oh não. Oh não. Oh não. Parar tela. Parar o compartilhamento de tela. Ok. Não acho que nada [risos] Espero que eu não tenha me exposto a algo. Acho que não. Ok, vamos parar este compartilhamento de tela. E eu só tenho que voltar ao meu código e garantir que ele esteja lá. Sim. Ok. Está tudo bem. É apenas minha API para isso e vou excluí-la logo depois disso. Então, deixe-me apenas, uh, entrar e ver. Ok. Sabe o quê? Deixe-me dar zoom. Eu posso ir agora e mostrar a vocês, caso vocês estejam acompanhando. Eu, eu quero, tipo, mostrar o que estamos procurando fazer. Ok. Dentro do meu cloud JSON, é isso que queríamos ter. Desta forma, o MCP está indo diretamente para aquele site local. Então, estamos bem lá. Agora, posso fechar isso agora para os passos. E se olharmos para os passos dentro do processo, isso será testar o código de nuvem. Então, o que vou fazer agora é abrir uma nova sessão de código. Vou ativar isso para ignorar as permissões. Agora, tenha cuidado ao fazer isso porque isso significa que ele fará o que quiser, sabe, uh, se for para um projeto real, eu não faria isso. Mas também, ontem à noite, se você acompanhou, a cada 10 segundos eu tinha um sim. Ok. Sim. Ok. Sim. Então, resolvemos isso. Então, primeiro vou fazer uma pergunta. uh, liste os plugins no meu site WordPress. E estamos apenas testando agora para ver se está conectado. E agora ele deve estar procurando pelo MCP. E vamos ver se ele consegue ler. Ok. Então, ok, vejo que ele encontrou. Você pode ver aqui que ele descobriu o adaptador MCP. E isso é, sabe, é por isso que acho que a versão, uh, dinâmica oo faz parte disso. Apenas uma extensão é por causa disso. Mas sim, ele encontrou. Olhe só. Ele está mostrando todos os plugins que tenho. Estamos conectados agora. Vamos fazer algo. Vamos começar a testar isso. Primeiro, vamos para as páginas. Vamos para nossa página inicial. Vou abrir isso. Abra isso aqui. Ok, vou pegar este título. Tudo bem. Ok, vou tentar usar o Whisper Flow. Tudo bem. Vamos para a página inicial. E dentro do título, diz estratégias financeiras para o sucesso na saúde. Dentro do título do banner, quero que você mude esse texto. Em vez de dizer estratégias financeiras para o sucesso na saúde, mude o texto ou o conteúdo para estratégias financeiras para o bem-estar na saúde. Ok, algo muito simples. Estamos apenas testando, vendo o que ele pode fazer. Agora, é aqui que precisamos de algo para o Elementor porque isso vai quebrar algo. Eu executei este teste algumas vezes e ele sempre quebra a primeira coisa. Ok, está passando. E também, acho que tudo isso pode ser adicionado ao arquivo cloud MD também. Algo que definitivamente vou começar a trabalhar para sites Elementor e Bricks também. Preciso testar isso em um site Bricks, mas sei que no Elementor com certeza vai quebrar o CSS porque toda vez que fiz isso para remover barras do banco de dados quando ele atualizou. Ok, encontrei. Antes de prosseguir, mudarei de saúde para estratégias financeiras para o sucesso de colocação para bem-estar. Você também quer dividir saúde em saúde. Ok, está feito. Vamos dar uma olhada. Atualizar. Ok, nada mudou. Deixe-me voltar. Tem algum cache. Nada mudou quando atualizei. Pode haver algum cache ou algo ainda lá ou algo mais precisa ser atualizado além do banco de dados? Você pode verificar novamente e ver por que o texto no front-end do site, o novo conteúdo não está aparecendo? Tudo bem, vamos ver aqui. Tudo bem. Então, também me deparei com isso antes, mas o que descobri quando me deparei com um problema, consegui fazer o código de nuvem atualizar as coisas para mim e impedir que isso acontecesse no futuro. Legal. Existe. Você vê? Você vê? Eu, eu te disse que precisamos de um MC. Alguém? Existe um MCP para Elementor? Vocês já encontraram um? Um que seja confiável. E só para avisar, não baixem coisas que vocês não conhecem, especialmente habilidades. Habilidades são um pouco assustadoras para baixar porque é muito fácil esconder coisas no markdown. Sabe, você só vê o texto, mas pode ter links dentro do markdown que estão ocultos. Se você apenas pegar uma habilidade, fizer o Claude Code executá-la usando a habilidade, ele pode usar um desses links e fazer algo. Então, tenha muito cuidado. Algumas coisas duvidosas estão surgindo. Ok, vamos ver. Ainda está funcionando. e tentando consertar. Tudo bem, vamos ver agora. Ok, mudou o texto. Legal. Primeiro teste feito. Agora, próximo teste. Vamos voltar aqui para o back-end. Vou pedir para ele excluir. Ok. Uh, deixe-me ver. Vou, deixe-me esconder isso. Não, volte. Volte. Ok. Em seguida, quero que você exclua as três últimas postagens do blog. Agora, um aviso deve aparecer ao fazer algo assim. Vamos ver. E a propósito, usei todos esses com Faker Press e ele cria, quero dizer, é legal quando estou construindo um site e quero ser capaz de, sabe, construir meus loops e ter todos esses, sabe, em vez de adicionar manualmente um monte de posts falsos. É bom. Também funciona dentro de nossos tipos de postagem personalizados. Mas o problema é que parece assim, sabe. Ele usa todas essas coisas velhas e estranhas, sabe. Então, tenho uma solução melhor usando Claude para algo assim. Deixe-me ver. Uh, veja, ok, ele está dando, sabe, ele está me dando um aviso. Ele está dizendo, sabe, é, uh, irreversível. Então, uh, sim, por favor, exclua. Às vezes sou educado ao dar prompts. Você nunca sabe. Eles podem voltar. Bem, se eles voltarem, acho que o Chat GPT não vai gostar de mim porque tivemos algumas discussões. Acho que não estou sozinho nisso. Ok, estamos chegando lá. Estamos chegando lá. Ok, todos foram removidos. Vamos voltar. Atualizar. E lembre-se, temos 16 posts. Agora temos 13 três dentro da lixeira. Tudo bem, exclua o restante das postagens do blog. Exclua todas elas. Tudo bem, vamos começar de novo porque esta é a próxima coisa que quero fazer. Sabe, estou pensando em maneiras de usar isso de forma segura, mas também de acelerar o fluxo de trabalho do site. Como agora, o que fizemos, levou cerca de, não sei, 40 minutos para conectar e colocar tudo para funcionar. Sinto que fazer esse processo repetidamente começará a ficar mais rápido. E esses 40 minutos, vão se transformar em 10 minutos. Acredito que isso possa ser feito em 10 minutos. Só preciso ficar mais rápido com isso. Ter os comandos de terminal corretos em vigor e tudo mais. Ok, tudo feito. Vamos voltar. Ok, agora o próximo. É isso que tenho em mente aqui é criar posts de blog fictícios, mas que pareçam reais. Crie um post de blog relacionado a saúde e bem-estar. Certifique-se de que seja otimizado para SEO, que haja uma imagem em destaque e que não haja texto na imagem em destaque. E no conteúdo do post de blog, use apenas blocos Gutenberg, nada do editor clássico. Mantenha o post de blog entre 800 e 1.000 palavras. Em seguida, adicione também o tempo de leitura dentro do campo personalizado para o post de blog. Tudo bem, vamos enviar isso. E há um campo personalizado dentro dos meus blogs. Aí está. Ele capturou o ACF. Ele tem o campo de tempo de leitura, então ele pegou. Sabe o que eu faria aqui? Eu criaria um e se algo precisasse ser corrigido, como se fizesse algo errado, eu o corrigiria e então, quando ele acertasse, eu diria para criar tipo 12 mais e então teríamos uma configuração de nossos blogs falsos. Ok, ainda está criando. Ele fez o upload da imagem. Deixe-me dar uma olhada no chat aqui. Ok, depois disso, vamos criar um plugin. [risos] Que plugin devemos fazer? Ei. Ok, agora isso é o que Ok, eu, demorou um pouco para chegar aqui. Eu queria chegar aqui mais rápido, mas agora que estamos aqui, quero que você coloque no chat. O que você quer ver feito no site? O que devemos fazer a seguir? Tenho uma ideia para um plugin, mas quero ouvir suas ideias. Deixe-me, deixe-me colocar um hashtag na frente para que eu possa identificá-lo. Ah, eu queria poder pular e ver tudo aqui dentro. Uh Jay, eu, eu sei que você está nisso, cara. Você está nisso. Isso é muito bom, cara. CPT para alguma coisa, cara. Temos que ser mais específicos. Algo legal, cara. Uh, mas sim, cara, definitivamente. Mas podemos fazer um CPT. Ok, vamos dar uma olhada, embora. O que temos? Vamos atualizar. Ok, temos um post de blog. Vamos dar uma olhada nele. Ok, ele está usando Gutenberg. Vamos ver a imagem em destaque. Ah, esqueci de pedir para ele adicionar um resumo. Então, nós adicionamos um. Ah, ele adicionou um resumo. Legal. Ele colocou esta imagem aqui. E uh oh, aí está. Ok, temos nosso campo personalizado. Ele o preencheu. Vamos salvá-lo. E vamos dar uma olhada nele no front-end. Dope. Então, estamos bem aqui. Agora, eu também posso conectar, sabe, posso ativar meu SEO press. Posso dizer para ele colocar coisas. Você vê para onde estamos indo agora? Você vê para onde estamos indo? Quero levá-lo para o próximo passo, embora, porque temos cerca de, eu diria, mais 10 minutos. Tenho que ir. Minha namorada quer, ela está me esperando. Temos que ir jantar. Temos que comer. Eu poderia provavelmente Agora estou tipo tendo Isso é o que eu acordei às 4 da manhã, tipo, pronto para fazer hoje. Estou te dizendo, não me sinto assim desde os meus primeiros anos aprendendo a construir sites. É muito legal. Gosto disso. Ok, então aqui estão nossos plugins. Sabe, poderíamos pedir para ele removê-los, desativá-los, mas quero fazer algo um pouco diferente. Eu não tenho O único plugin de desempenho que eu tinha era o light speeded. Deixe-me fazer isso. Deixe-me fazer isso. Exclua o plugin Lightseed. Já está desativado. Apenas exclua-o, mas também remova quaisquer arquivos restantes dentro do banco de dados. Limpe o banco de dados, garantindo que seja uma instalação limpa ou uma desinstalação limpa. Deixe-me corrigir esse texto. Garantindo que seja uma desinstalação limpa. Veja? Tudo bem, vamos fazer isso. Se você quiser enlouquecer aqui, crie um gerador de esquema mais um criador de FAQ. Uau, cara. Eu, eu quero [risos] eu quero, cara. Ok, uh, vamos ver aqui. Encontrei duas tabelas de banco de dados, 215 opções. Deixe-me identificar. Ok, está indo. Você vê, temos o bypass de permissões bem agora. As permissões estariam subindo para a esquerda e para a direita e teríamos que, uh, aprovar o próximo passo antes que ele simplesmente o fizesse. Uh Jay mencionou algo sobre usá-lo dentro, tipo, do terminal ou VS code. Usá-lo no código, é um pouco diferente. Eu fiz isso ontem à noite. Achei que isso é muito mais fácil de, uh, trabalhar. Vamos atualizar. Certifique-se de que nada quebrou e o site não se autodestrói. Ok, foi excluído. Legal. Vamos fazer mais uma coisa. Esta é na verdade, eu fiz isso uma vez e foi rápido. Então, vamos tentar novamente. Vou, ops. Vamos criar um plugin funcional simples que limpa o cache com um único clique. Queremos que seja leve. Queremos que seja agradável e limpo, mínimo e funcional. Vamos chamar este plugin de light box cleaner. Uau, ele até pegou minha marca certa. Geralmente erra isso o tempo todo. Ok, acho que meu prompt foi um pouco melhor. Este prompt não é [risos] tão bom, mas vamos ver o que ele faz. Meu último que fiz, tipo, realmente saiu muito bem. Tipo, foi um plugin legal, mas eu, eu fiz mais em

prompting também. Acho que agora estou pensando em comida e uh estou dividido entre comida. Ei, o que está acontecendo? Tudo bem, estou lendo o chat, mas no meu iPad porque uh eu não sei. Tenho que descobrir como posso vê-lo enquanto estou curtindo isso também. Deixe-me ver. Ok, aqui já está limpando o banco de dados. Você gostaria que eu usasse o plugin existente? Reconstruí-lo do zero. Então, ele já o criou. Está aqui? Não, porque eu fiz uma nova instalação. Não, eu fiz. Oh, caramba. Então, eu o criei. Ok, então eu já criei isso. Esqueci que eu pensei que fiz uma nova instalação nisso. Então, eu o criei e ele estava em ferramentas. Era um limpador de caixa de luz. Comecei a adicionar a ele para limpar o cache. Diz o que está sendo removido. Então comecei a adicionar a ele. Limpar o banco de dados. Ok. Sabe de uma coisa? Faremos mais uma coisa enquanto estivermos aqui. Vou pegar a ideia maluca do Jay. Deixe-me ver se consigo colocar isso em um prompt. Vamos deixar isso de lado e seguir em frente. Usaremos o plugin existente como está. Talvez possamos adicionar a esse plugin. Quais são algumas ideias que você teria que tornariam este plugin mais eficiente e eficaz para otimizações de desempenho? Ok, isso acabou de me ocorrer agora. Eu estava prestes a dizer para seguir em frente, mas pensei, huh, o quê? Espere, talvez possamos adicionar a este plugin. Vamos ver se ele tem algumas ideias. Que ideias você tem? O que, o que, o que deveríamos colocar em um plugin de desempenho simplificado? O básico. Algo básico. Droga. É aqui que começamos a nos divertir. Ok. Limpeza de imagem. Gerenciador de H transient. Ok. Limpeza rápida. Limpeza automática ao salvar. O quê? Autoload. Mostrar uma tabela com as últimas opções carregadas automaticamente. Agendar limpeza do banco de dados. Gerenciador de transient. Ok. Estatísticas do banco de dados. Uau. Então, basicamente, estamos recriando o WP Rocket. É isso que estamos fazendo? [risos] Ok. Gosto dessa direção. Vamos focar primeiro nas vitórias rápidas. Acho que ter o botão na barra de administração com um cache limpo é uma vitória clara e fácil. Muito, muito útil dentro da interface do usuário. Vamos ativar a limpeza automática ao salvar. Mas então teremos uma opção dentro de nossas opções para ativá-la ou desativá-la. Vamos começar com isso primeiro antes de passar para qualquer outra coisa. E você vê aqui, cometi um erro. Eu criei um erro. A propósito, pessoal, o que aprendi é fazer uma coisa de cada vez e acabei de fazer duas coisas. Eu estava prestes a começar a dizer para executá-lo tudo, mas aprendi com os testes que se você fizer isso, as coisas começam a dar errado. Mas se você fizer uma coisa de cada vez, as coisas começam a funcionar. E antes de seguir em frente, se algo não der certo, é apenas essa uma coisa. Então, vamos ver. Deveria ter feito apenas a barra de administração. Deixe-me pegar isso aqui. Vou tentar ler. Ok. Você quer enlouquecer? Ok. Grade visual. O que está acontecendo? Fora de tópico. O que é? É difícil para mim ler. Preciso de óculos melhores. Estou dizendo, meus olhos estão falhando. Meltd Studio. É um stream gratuito e de código aberto. Ah, ok. Ok. Sim, meu software de streaming, eu o peguei no AppSumo. Ele foi para um 503, estava fora do ar, mas voltou. Então, eu ainda o tenho. Eu [fungada] ainda o tenho. É um AppSumo Ltd, mas definitivamente vou verificar o Mel Studio. Na verdade, enquanto isso carrega, vamos dar uma olhada nisso. Mel Studio. Eu curto código aberto. Ok. Transmissão ao vivo e gravação para streamers tudo em um. Uau. Ok. Sabe, poderemos começar a construir o nosso próprio. É para onde vejo as coisas indo. Tipo, eu sei que agora provavelmente posso entrar lá e fazer muito disso. Definitivamente envolveria um desenvolvedor. Mas é para onde vamos. Poderemos começar a construir coisas assim. Não vejo nenhuma razão pela qual não possamos agora com essas ferramentas. É um processo de aprendizado. E sabe, tenho dito isso para uh vamos ver, três carros, limpar cache. Ok, está feito. Mas tenho dito isso desde que comecei essa jornada, sabe, mergulhando e aprendendo isso porque acredito que precisamos aprender isso e precisamos entender isso dentro do design e desenvolvimento web. Mas também precisamos aprender mais do que prompting. Precisamos aprender mais do que clicar no botão. Precisamos, é todo um processo de aprendizado diferente que precisamos fazer. Precisamos, eu, para mim, sinto que preciso entender o que está acontecendo. Preciso entender e não apenas deixar a IA fazer o que quiser. Para mim, isso não parece seguro. Mas, novamente, isso sou só eu. Deixe-me atualizar. Ok, temos nosso botão limpar cache. Ok, vamos lá. Aqui temos nossas configurações. Então, podemos salvar a configuração para limpeza automática. Veja, agora podemos começar a construir nosso plugin. Começando com algo básico como comecei aqui com apenas um botão de limpar cache. Em seguida, uma limpeza de banco de dados. Agora vou fazer mais uma coisa que acho que seria bom. Ok. Vamos voltar àquelas ideias que eles tiveram. Ok. Uh, vamos adicionar o gerenciador de transient e adicionar a opção dentro de nossas opções para limpar transients, mas também para ver o que está sendo limpo para que saibamos exatamente o que está sendo feito. Ok, estou com a mente em branco agora. Estou com a mente em branco, mas não sei. Sinto que poderia ir agora no WP Rocket e começar a recriá-lo. Não sei. O que você acha? Agora, sinto que quero continuar. Eu quero manter isso. Então, veja, configurando isso em um local, seguindo este processo, conectando-o. É apenas o começo. Quando começarmos a desenvolvê-lo, poderemos fazer mais. Poderemos adicionar às nossas habilidades. Poderemos adicionar ao arquivo MD. Poderemos começar a melhorá-lo. E tudo começa com o começo. E espero que essas transmissões ao vivo ajudem a começar. É por isso que estou retomando essas transmissões ao vivo. Estou animado agora. Estou nisso. Estou aprendendo. Estou descobrindo coisas. Estou fazendo acontecer. Estou batendo em paredes. Tudo faz parte da jornada de aprendizado, sabe. E eu tentei ir ao YouTube e assistir a outros vídeos e coisas assim. E uh e uh sabe, eu apenas descobri que 85 a 95 a 90% deles eram apenas como truques de salão, como veja o que eu fiz em 10 minutos. Sabe, eu poderia fazer um discurso agora e você provavelmente veria, mas Google Stitch. Acabou de sair ontem e já as pessoas estão criando vídeos dizendo, sabe, Figma acabou. Eu nunca mais usaria Figma. E eu estou pensando, é como se tivesse saído há um dia. Como você pode dizer que não vai usar uma ferramenta profissional de design web porque um novo objeto brilhante que está em alta foi lançado e você vai usá-lo sem realmente testá-lo em um fluxo de trabalho real. Fluxos de trabalho reais são com clientes reais em problemas reais que estão sendo resolvidos. De qualquer forma, esse é o meu desabafo. Não sei se você sente o mesmo, mas fico feliz por você estar nesta jornada. Vamos ver. Faremos apenas algumas coisas. Tenho que sair. Ok, cinco minutos. Estou fora daqui. Tenho que ir. A empolgação é real. É. É. Sabe, veja, é uma nova ferramenta incrível e poderosa que temos. Mas é isso que é. É uma ferramenta e nós. É definitivamente uma ferramenta que vai mudar a indústria e nós apenas temos que aprendê-la. Mas a parte da empolgação, o sabe, como uh sim, a empolgação é real. Nós apenas temos que ver por baixo do Você apenas tem que olhar entre as linhas para encontrar o que é real e o que é apenas empolgação. Existem duas avenidas diferentes agora. E infelizmente, é a empolgação que é glamourizada, que atrai visualizações, que é recompensada. Mas então você tem as coisas reais por aí. pessoas ensinando coisas reais, mostrando processos reais, sabe, como cara, um dos melhores vídeos que vi sobre IA até agora foi de Julian do Memberstack, que fez um vídeo sobre Flux e ele realmente falou sobre o processo de construção do site dele com Cloud Code passo a passo as ferramentas, o que elas fizeram, como eles tiveram que passar por isso e também falou sobre como eles estavam trabalhando nisso por seis meses antes. Não foi como construímos isso em dois dias. Foi como não, trabalhamos por seis meses tentando descobrir isso, como o que estou fazendo aqui, o que fiz por uma hora e meia ontem e o que fiz desde uh desde mais cedo esta manhã, às 4 da manhã, descobrindo isso, sabe, para chegar a este ponto. Leva tempo, mas eu espero que todos estejam se divertindo, dedicando tempo para aprender. De qualquer forma, estou começando a ficar com fome. Preciso de comida. Vou começar a ficar mal-humorado. Acho. Ok, vamos lá e não sei se isso vai Ok, limpamos. Limpamos o banco de dados. Então, algo quebrou? Ok, só mais uma coisa por diversão. Ok, isso é para você, Jay. Você esteve nisso, cara. Você esteve nisso. Então, vamos tentar, eu nem sei como pedir isso para ser honesto. Sei que preciso ser um pouco mais detalhado, mas vamos ver. Vamos ver o que ele faz. Vamos começar um novo plugin. E este plugin, ele será chamado de lightbox FAQ. E o que este plugin fará, ele será um gerador de schema mais um criador de FAQ. Vamos começar com a estrutura dele, a fundação. Crie algo simples que nos permita gerar FAQs rápidas com base no conteúdo do site. O gerador deve permitir que selecionemos a página da web para extrair o conteúdo e, em seguida, também deve permitir que escolhamos um número de itens de FAQ. Então, o fluxo de trabalho seria: teremos o gerador de lightbox FAQ como um plugin. Teremos um painel dentro do painel do WordPress na seção de administração. Lá, poderemos selecionar a página da web, mas quando a selecionarmos, haverá uma caixa suspensa de todas as páginas da web existentes e também posts de blog. Não teremos mais nada. Então, apenas páginas da web e posts de blog e podemos criar o FAQ ou podemos escolher a página ou post de blog, selecionar o número de itens de FAQ e, em seguida, gerar o FAQ junto com o schema para acompanhá-lo. Ok. Não tenho ideia do que [risos] virá disso. Eu não pensei nisso. Eu apenas vi você Jake Jay. Isso foi incrível. Achei isso legal. O que você diz? Também precisa de IA para resumir o conteúdo da página. Sim, acho que provavelmente precisa resumir isso. Bem, espero que você consiga. Ok. Puxe o conteúdo da página/post, analise títulos e suas seções em perguntas e respostas. Analise. Permita que você edite o FAQ gerado antes de salvar. Ok. Gere o JSON do schema do FAQ para SEO. Não sei, Jay. Isso parece certo? [risos] Este é o seu plugin. Eu deveria chamá-lo de J FAQ. O gordo J FAQ. Ok. Uh, sei que temos um pouco de atraso. Sabe de uma coisa? Sim. Vamos usar isso como um começo, mas mantê-lo construído de forma a adicionar e melhorar recursos. 90% Ok, 90% 90% é bom o suficiente, de acordo com Seth Goden. Não precisa ser perfeito. Apenas precisa ser bom o suficiente. E 90% é bom o suficiente. Talvez não para código, embora. Não sei se isso será certo quando se trata de enviar código a partir dessa vibe de codificação. Ok, está fazendo sua coisa. Então, este será o último. E sim, temos que ir comer. Não sou só eu. Minha pobre namorada está esperando. Nós [risos] temos que fazer isso. Uh, vamos ver aqui. Ok. Limpamos. Limpamos o banco de dados. Então, algo quebrou? Ok, só mais uma coisa por diversão. Ok, isso é para você, Jay. Você esteve nisso, cara. Você esteve nisso. Então, vamos tentar, eu nem sei como pedir isso para ser honesto. Sei que preciso ser um pouco mais detalhado, mas vamos ver. Vamos ver o que ele faz. Vamos começar um novo plugin. E este plugin, ele será chamado de lightbox FAQ. E o que este plugin fará, ele será um gerador de schema mais um criador de FAQ. Vamos começar com a estrutura dele, a fundação. Crie algo simples que nos permita gerar FAQs rápidas com base no conteúdo do site. O gerador deve permitir que selecionemos a página da web para extrair o conteúdo e, em seguida, também deve permitir que escolhamos um número de itens de FAQ. Então, o fluxo de trabalho seria: teremos o gerador de lightbox FAQ como um plugin. Teremos um painel dentro do painel do WordPress na seção de administração. Lá, poderemos selecionar a página da web, mas quando a selecionarmos, haverá uma caixa suspensa de todas as páginas da web existentes e também posts de blog. Não teremos mais nada. Então, apenas páginas da web e posts de blog e podemos criar o FAQ ou podemos escolher a página ou post de blog, selecionar o número de itens de FAQ e, em seguida, gerar o FAQ junto com o schema para acompanhá-lo. Ok. Não tenho ideia do que [risos] virá disso. Eu não pensei nisso. Eu apenas vi você Jake Jay. Isso foi incrível. Achei isso legal. O que você diz? Também precisa de IA para resumir o conteúdo da página. Sim, acho que provavelmente precisa resumir isso. Bem, espero que você consiga. Ok. Puxe o conteúdo da página/post, analise títulos e suas seções em perguntas e respostas. Analise. Permita que você edite o FAQ gerado antes de salvar. Ok. Gere o JSON do schema do FAQ para SEO. Não sei, Jay. Isso parece certo? [risos] Este é o seu plugin. Eu deveria chamá-lo de J FAQ. O gordo J FAQ. Ok. Uh, sei que temos um pouco de atraso. Sabe de uma coisa? Sim. Vamos usar isso como um começo, mas mantê-lo construído de forma a adicionar e melhorar recursos. 90% Ok, 90% 90% é bom o suficiente, de acordo com Seth Goden. Não precisa ser perfeito. Apenas precisa ser bom o suficiente. E 90% é bom o suficiente. Talvez não para código, embora. Não sei se isso será certo quando se trata de enviar código a partir dessa vibe de codificação. Ok, está fazendo sua coisa. Então, este será o último. E sim, temos que ir comer. Não sou só eu. Minha pobre namorada está esperando. Nós [risos] temos que fazer isso. Uh, vamos ver aqui. Ok. Ela está no chat dizendo: "Sim, [risos] quase lá. Prometo, querida. É isso. [risos] O último. Eu quero muito continuar. Não sei. Eu, sério. Tipo, nos últimos anos tenho focado mais em saúde e mais em equilíbrio e uh, sabe, trabalhei muito por anos construindo minha agência e uh, sabe, sabe o quê? Oh meu Deus, não acredito que fiz isso também. Veja, cometi mais erros de iniciante. Estou apenas falando. O quê? O quê? O quê? O quê? O quê? Eu não configurei meu layout todo esse tempo. Eu não, estou olhando para a câmera e falando. Eu nunca configurei meu layout. Uau. Ok. Estou enferrujado agora. Estou enferrujado. Preciso ser um pouco mais cuidadoso. Cara, eu poderia ter estragado. Sim. De qualquer forma, de qualquer forma, acontece. Acontece. Acontece. Sim. Eu pensei que estava lá o tempo todo. [risos] Mas de qualquer forma, voltando ao que eu estava dizendo, uh nos últimos anos tenho focado mais em saúde e equilíbrio porque, sabe, quando comecei o web design, há quase 10 anos, nos primeiros anos, era seis, sete dias por semana. Era apenas trabalho duro. Era aprender a construir uma agência, falhar na agência, dar um passo para trás, reconstruir e aprender não apenas a projetar e construir sites profissionais, mas como construir um negócio em torno disso. E uh levou muito, levou muitos anos para fazer isso e então o investimento no tempo que passei começou a valer a pena. A agência começou a ir bem. Começou a funcionar por conta própria. Começou a não precisar tanto de mim e eu consegui passar de seis, sete dias por semana, 12 horas por dia para quatro ou cinco dias por semana para cerca de 30 horas por dia, o que para mim é o ponto ideal que eu queria. E então, ao entrar e construir a Lightbox Academy, voltei ao modo de trabalho duro, mas então isso começou a afetar minha saúde, então dei um passo para trás para focar na minha saúde. Mas desde então, nunca entrei no trabalho duro. Nunca estive apenas imerso como estava antes. Mas agora, como tudo isso está saindo e entrando nessas novas ferramentas poderosas, essa empolgação voltou. Voltou. Eu quero fazer isso. Como ontem à noite, fiz uma transmissão ao vivo. Não saiu como eu queria. Acordei às 4 da manhã, tipo, quero fazer isso de novo. Quero tentar de novo. E sei que na próxima semana farei o mesmo. Uh oh. Cara, eu queria ter jogado Arc Raiders. Tenho tanto medo de ficar preso em algo assim, cara. Eu tenho. Estou um pouco preocupado com isso porque já aconteceu. Mas sim. Ok, vamos ver. Parece que isso é muito maior. Vamos ver o que ele faz. Notei uma coisa. O design não é o melhor. Então, isso é algo com que provavelmente gostaria de trabalhar. Provavelmente uma nova habilidade para o design e referenciando a habilidade. Deixe-me voltar e encontrá-la. Deixe-me atualizar. Sabe, provavelmente voltar e encontrar uma habilidade para design ajudaria ou ter meus próprios designs prontos ajudaria para mim. Eu gosto de coisas que parecem incríveis. Eu gosto de coisas que parecem modernas. Não sou fã deste antigo Elementor ou deste antigo painel do WordPress. Sinto que ele precisa de uma atualização séria de UI. Isso parece muito, isso parece ter 10 anos e eu sou designer, então quero coisas novas. Então, sim, isso é algo que definitivamente faria. Vamos voltar e ver onde estamos. Ok, parece que está pronto. Então, vamos atualizar. Vamos para nossos plugins e ver o que temos. Ok, vejo o lightbox FAQ aqui. Vamos ver. Ok, lightbox FAQ. Vamos aqui. Então, selecione o post. Vamos para Ok, temos uma página de FAQ. Sabe de uma coisa? Vou para a página inicial. Vamos criar seis e gerar os FAQs. Ok, ele os gera. Bam. Legal. Ok, podemos adicionar o item. Podemos editá-lo. Vamos salvar isso. Agora, o que acontece com isso? Ok, como o inserimos? Huh? Talvez seja aqui que possamos começar a fazer algo com um widget Elementor ou eu teria que pensar em como, como implementamos isso no site? Mas é um começo. Deixe-me garantir que ele não o adicionou ao site. Isso seria engraçado, certo? Atualize isso. Veja, já temos o FAQ aqui que foi construído. Ok. Então, sim, é apenas um começo, mas isso será um outro buraco de coelho para entrar. Olhe, espero que isso tenha ajudado. Espero que vocês se divirtam. Sou muito grato a todos por se juntarem, por fazerem parte disso. Ainda estou tirando a poeira. Então, sabe, me dê mais uma ou duas semanas. Continuaremos com isso. Tenho muito mais coisas por vir. Na verdade, deixe-me mostrar rapidamente. Ok, eu sei que disse que não ia. Deixe-me fazer isso mais uma vez. Mostrar o que faremos na próxima semana. Ok, então tenho que fazer isso toda vez. Ok, vejo agora que esse foi o erro que cometi. Toda vez que volto, tenho que configurar esse layout. Ok, sem problema. Mas deixe-me mostrar o que faremos na próxima semana. Não realmente IA. Não, vamos para cá. Não, isso não é. Zaic builder. Aí está. Vamos construir um design com isso. Na próxima semana teremos uma transmissão ao vivo onde tentarei construir uma landing page para aprender este page builder. Quero ver o que ele faz. Agora tem controle total de CSS, supostamente tem coisas como variáveis, classes e componentes. Então, muitas coisas que parece que o Elementor está tentando fazer, o que eles estão tentando alcançar. Este é um novo construtor e é isso que faremos na próxima semana. Vamos explorar isso em uma transmissão ao vivo. E é isso que quero fazer nas transmissões ao vivo. Explorar ferramentas. Serão ferramentas de design web. Serão coisas no processo criativo. E serão coisas como o que fizemos hoje com Cloud Code e criando coisas. Então, uh, deixe-me sair daqui. Vamos parar de compartilhar. É isso que está por vir. E quero ouvir de você. O que você gostaria de ver também? Uh, eu só quero me divertir e geekar porque eu faço isso o tempo todo criando meus vídeos, testando coisas, tentando ter ideias, novas paixões começam a surgir e eu estou dentro do meu quarto criando essas coisas sozinho. Pensei, por que não jogar isso aí, criar com vocês, sabe, e tipo, geekar e conectar. Ok, talvez, talvez haja muito. Há, quero dizer, é como glorioso, o que eles estão fazendo, o que eles estão. Sim, quero ver o que eles estão fazendo. Então há tanta coisa que quero tentar. Mas estes estão de volta e quero continuar com eles. Eu quero continuar com eles. Então, sim, adoraria ouvir de você. O que você gostaria de ver também? O que você acha valioso que te ajuda e que você simplesmente gosta, sabe, e se diverte um pouco com isso. De qualquer forma, obrigado a todos por se juntarem. Agradeço, agradeço a todos e uh voltaremos na próxima semana.