Aprenda como conectar o editor nativo de IA do Zed ao Web MCP da Bright Data para habilitar acesso à web em tempo real, extração de dados limpos e fluxos de trabalho de IA com reconhecimento da web diretamente dentro do seu ambiente de desenvolvimento.
Neste tutorial, você aprenderá:
- O que é o Zed e como seu modelo de edição nativo de IA e agente funciona dentro de um editor de código moderno.
- Por que estender o Zed com interação na web em tempo real e recursos de extração de dados é essencial para um desenvolvimento preciso assistido por IA.
- Como conectar o Zed ao Web MCP da Bright Data para habilitar um agente de IA com reconhecimento da web que pode buscar e usar dados públicos da web em tempo real diretamente dentro do editor.
Vamos começar!
O que é o Zed?
O Zed é um editor de código moderno e de alto desempenho projetado para velocidade, colaboração e desenvolvimento assistido por IA. Ele foi desenvolvido desde o início com foco na capacidade de resposta e baixa latência, com o objetivo de tornar a codificação imediata e fluida, mesmo em grandes bases de código.
O Zed é escrito inteiramente em Rust e foi projetado para utilizar com eficiência vários núcleos de CPU e aceleração de GPU. Essa escolha de design permite que o Zed ofereça tempos de inicialização rápidos, interações suaves com a interface do usuário e latência mínima de digitação, que são aspectos essenciais da experiência do desenvolvedor.
O Zed está disponível para macOS, Linux e Windows, oferecendo uma experiência nativa consistente em todas as plataformas.
Pronto para uso, o Zed inclui uma ampla gama de recursos essenciais para desenvolvedores, incluindo:
- Suporte nativo ao Git para staging, commit, pull, push e visualização de diferenças.
- Suporte a depuração baseado no Debug Adapter Protocol (DAP).
- Suporte ao Language Server Protocol (LSP) para várias linguagens de programação.
- Edição multibuffer para compor e editar conteúdo de diferentes arquivos em uma única visualização.
- Recursos de colaboração integrados, como edição compartilhada, bate-papo e compartilhamento de tela.
- Edição modal no estilo Vim para desenvolvedores que preferem um fluxo de trabalho modal.
Por que potencializar o Zed com o Bright Data Web MCP
Independentemente do modelo de IA que você usa no Zed, ele opera com uma limitação importante: os LLMs não têm acesso ao vivo à web. Suas respostas são baseadas em dados de treinamento que representam um instantâneo no tempo, que pode se tornar obsoleto rapidamente.
Essa limitação fica clara ao trabalhar com documentação, ferramentas ou estruturas em evolução. Um assistente de IA dentro de um editor não pode verificar informações atuais, navegar em sites ou extrair conteúdo real por conta própria.
Agora, imagine estender o agente de IA do Zed com a capacidade de:
- Ler páginas de documentação ao vivo
- Obter guias e referências atualizados
- Navegar e extrair conteúdo de sites reais
Esses recursos são desbloqueados conectando o Zed ao Bright Data Web MCP. O Web MCP da Bright Data expõe mais de 60 ferramentas prontas para IA, alimentadas pela infraestrutura de IA da Bright Data, permitindo interação em tempo real com a web e recuperação de dados para agentes de IA.
As duas ferramentas mais utilizadas, também disponíveis na versão gratuita, são:
| Ferramenta | Descrição |
|---|---|
scrape_as_markdown |
Extraia conteúdo de uma página da web e retorne Markdown limpo, lidando com proteção contra bots e CAPTCHAs. |
search_engine |
Recupera resultados de pesquisa do Google, Bing ou Yandex no formato JSON ou Markdown. |
Além das ferramentas principais, o Web MCP inclui muitas opções avançadas para interação com o navegador e extração de dados estruturados. O plano gratuito oferece acesso às ferramentas básicas, enquanto o modo Pro desbloqueia o conjunto completo para casos de uso mais avançados.
Ao conectar o Bright Data Web MCP ao Zed, o agente de IA pode trabalhar com conteúdo da web ao vivo em vez de conhecimento estático, resultando em uma assistência mais precisa e confiável diretamente dentro do editor.
Como integrar o Bright Data Web MCP com o Zed
Nesta seção, você irá:
- Configurar o Bright Data Web MCP como um servidor MCP dentro do Zed
- Autenticar o servidor MCP usando um token da API Bright Data
- Habilitar o agente de IA do Zed para acessar conteúdo da web ao vivo por meio do MCP
- Verificar se a integração está funcionando corretamente
Siga as etapas abaixo para começar!
Pré-requisitos
Antes de começar, certifique-se de ter o seguinte:
- Um sistema operacional compatível (macOS, Linux ou Windows)
- Zed instalado e em execução
- Node.js instalado (recomenda-se a versão LTS mais recente)
- Uma conta Bright Data com um token API
Você não precisa configurar o Bright Data com antecedência. A configuração necessária será abordada passo a passo nas seções a seguir.
Embora não seja necessário, ter algum conhecimento prévio pode ser útil, como:
- Uma ideia básica de como funciona o Model Context Protocol (MCP)
- Familiaridade geral com o Bright Data Web MCP e suas ferramentas disponíveis
Etapa 1: Instale e inicie o Zed
Baixe o Zed no site oficial e instale-o para o seu sistema operacional (macOS, Linux ou Windows).
Depois de instalado, abra o Zed no menu de aplicativos e certifique-se de que o editor seja iniciado sem erros.
Você deverá ver a interface principal do editor e conseguir abrir o painel Configurações. Se o Zed iniciar com sucesso, você estará pronto para prosseguir para a próxima etapa.
Etapa 2: habilite a IA e a edição agênica no Zed
Abra Configurações no Zed e navegue até a seção Provedores LLM.
Faça login no Zed AI ou configure qualquer provedor compatível, como Anthropic, Google AI ou Amazon Bedrock, para ativar os recursos baseados em IA.
Quando um provedor estiver ativo, volte ao editor e abra o painel IA ou bate-papo para confirmar que as solicitações são aceitas e as respostas são geradas. Se a IA responder dentro do editor, a edição agênica foi ativada com sucesso.
Etapa 3: Configure o Bright Data Web MCP localmente
Para habilitar o acesso à web em tempo real para o agente de IA do Zed, você precisa configurar o Bright Data Web MCP em sua máquina local. Este servidor MCP atua como uma ponte entre o agente de IA e os dados da web ao vivo.
Comece criando uma conta Bright Data no painel Bright Data. Se você já tem uma conta, basta fazer login.
Para uma configuração rápida, abra a página “MCP” em sua conta e siga as instruções:
Caso contrário, siga as etapas abaixo:
No painel do Bright Data, gere um token de API e mantenha-o em segurança. Este token é utilizado pelo servidor Web MCP para autenticar pedidos e aceder às ferramentas web do Bright Data.
Para este tutorial, o token API é a única credencial necessária.
O Bright Data Web MCP é executado como um servidor local usando Node.js. Instale-o globalmente executando o seguinte comando no seu terminal:
npm install -g @brightdata/mcpIsso instala o pacote Web MCP ao qual o Zed se conectará posteriormente.
Inicie o servidor Web MCP executando:
API_TOKEN="SEU_TOKEN_API_BRIGHT_DATA" npx -y @brightdata/mcpSubstitua YOUR_BRIGHT_DATA_API_TOKEN pelo seu token de API real.
Se o servidor iniciar com sucesso, você verá mensagens de log indicando que o servidor MCP está em execução e pronto para aceitar solicitações.
Na primeira execução, o servidor Bright Data Web MCP cria automaticamente duas zonas necessárias em sua conta Bright Data: uma para o Web Unlocker e outra para a API do navegador. Essas zonas são usadas internamente pelo Web MCP para dar suporte às ferramentas disponíveis.
Você pode verificar sua criação visitando a seção Proxies & Infraestrutura de scraping (Proxies e infraestrutura de scraping) do painel do Bright Data. Se o seu token de API não tiver acesso de administrador, as zonas podem precisar ser criadas manualmente e referenciadas por meio de variáveis de ambiente.
Por padrão, o Web MCP expõe apenas as ferramentas search_engine e scrape_as_markdown, que estão disponíveis na camada gratuita. A ativação do modo Pro desbloqueia o conjunto completo de ferramentas, incluindo automação avançada do navegador, e pode acarretar custos adicionais.
Para acessar recursos avançados, como automação do navegador e extração de dados estruturados, habilite o modo Pro definindo PRO_MODE=true antes de iniciar o servidor Web MCP.
API_TOKEN="<YOUR_BRIGHT_DATA_API>" PRO_MODE="true" npx -y @brightdata/mcpDepois de confirmar que o servidor está funcionando corretamente, pare-o por enquanto. O Zed será configurado para iniciar e se conectar ao servidor Web MCP automaticamente na próxima etapa.
Etapa 4: Configure o Bright Data Web MCP no Zed
Abra Configurações no Zed e navegue até a seção Servidores de Protocolo de Contexto de Modelo (MCP). Clique em Adicionar servidor para registrar um novo servidor MCP local.
Quando solicitado, defina o servidor Bright Data MCP configurando o comando para executar o pacote Web MCP (npx @brightdata/mcp) e adicione a variável de ambiente necessária para autenticação (API_TOKEN). Salve a configuração para disponibilizar o servidor MCP para o agente de IA do Zed.
Depois de adicionado, o Bright Data aparecerá na lista Servidores MCP, indicando que o Zed está pronto para se conectar ao Web MCP durante fluxos de trabalho assistidos por IA.
Com o servidor MCP habilitado, o agente de IA do Zed agora está pronto para usar as ferramentas da web da Bright Data durante fluxos de trabalho assistidos por IA dentro do editor.
Etapa 6: execute uma tarefa do mundo real no Zed
Nesta etapa, você usará o agente de IA do Zed junto com o Bright Data Web MCP para buscar conteúdo da web ao vivo, armazená-lo localmente e gerar um pequeno script com base em dados reais.
Abra o painel de IA ou bate-papo do Zed (o mesmo que você usou para testar as respostas de IA anteriormente)
- É aqui que você digitará seu prompt
- Agora você está falando com o agente de IA do Zed, não escrevendo código.
Copie e cole exatamente este prompt no Zed:
Busque a página de documentação ao vivo em
https://nodejs.org/en/docs
Use o Bright Data MCP para extrair o conteúdo principal da documentação e convertê-lo em Markdown limpo. Salve o conteúdo extraído como docs.md. Em seguida, gere um breve resumo da documentação e salve-o como summary.md. Por fim, crie um script Node.js simples chamado readDocs.js que carrega docs.md e imprime as primeiras linhas.Após enviar o prompt, observe o que acontece:
- O agente de IA explica ou planeja as etapas que seguirá
- Ele identifica que é necessário acesso à web
- Ele seleciona uma ferramenta Bright Data MCP (normalmente scrape_as_markdown)
- O Zed pode pedir que você aprove a execução da ferramenta
Após a conclusão da tarefa, verifique se os arquivos gerados estão presentes no diretório do seu projeto. Abra os arquivos Markdown para confirmar se eles contêm o conteúdo extraído da página de documentação ao vivo.
A execução do script gerado deve imprimir os dados do conteúdo extraído, verificando se o fluxo de trabalho foi executado com sucesso.
Conclusão
Neste tutorial, você aprendeu como integrar o Zed ao Bright Data Web MCP para permitir a interação em tempo real com a web dentro de um editor nativo de IA. Ao combinar o modelo de edição agênica do Zed com as ferramentas da web da Bright Data, você criou um fluxo de trabalho em que a IA pode buscar conteúdo ao vivo, armazená-lo localmente e gerar códigos e arquivos utilizáveis com base em dados reais.
O Web MCP da Bright Data abre as portas para a criação de fluxos de trabalho de desenvolvimento assistidos por IA mais confiáveis e sensíveis ao contexto, fornecendo acesso a dados da web estruturados e atualizados. Essa abordagem ajuda a reduzir a dependência de conhecimento estático e melhora a precisão dos resultados gerados pela IA.
Para explorar casos de uso agentic mais avançados, dê uma olhada na plataforma mais ampla da Bright Data e suas soluções de dados da web prontas para IA.
Você pode começar com uma conta gratuita da Bright Data e experimentar ainda mais o Web MCP para impulsionar seus próprios fluxos de trabalho de desenvolvimento orientados por IA.
