Aprenda a conectar el editor nativo de IA de Zed al Web MCP de Bright Data para habilitar el acceso web en tiempo real, la extracción de datos limpios y los flujos de trabajo de IA con reconocimiento web directamente dentro de su entorno de desarrollo.
En este tutorial aprenderá:
- Qué es Zed y cómo funciona su modelo de edición agencial nativo de IA dentro de un editor de código moderno.
- Por qué ampliar Zed con capacidades de interacción web en tiempo real y extracción de datos es esencial para un desarrollo preciso asistido por IA.
- Cómo conectar Zed al Web MCP de Bright Data para habilitar un agente de IA con reconocimiento web que pueda obtener y utilizar datos web públicos en tiempo real directamente dentro del editor.
¡Empecemos!
¿Qué es Zed?
Zed es un editor de código moderno y de alto rendimiento diseñado para la velocidad, la colaboración y el desarrollo asistido por IA. Está construido desde cero con un enfoque en la capacidad de respuesta y la baja latencia, con el objetivo de que la codificación se sienta inmediata y fluida incluso en bases de código grandes.
Zed está escrito íntegramente en Rust y está diseñado para utilizar de manera eficiente múltiples núcleos de CPU y aceleración de GPU. Esta elección de diseño permite a Zed ofrecer tiempos de arranque rápidos, interacciones fluidas con la interfaz de usuario y una latencia de escritura mínima, que son aspectos fundamentales de su experiencia de desarrollo.
Zed está disponible en macOS, Linux y Windows, y ofrece una experiencia nativa consistente en todas las plataformas.
Zed incluye de serie una amplia gama de funciones básicas para desarrolladores, entre las que se incluyen:
- Compatibilidad nativa con Git para staging, committing, pulling, pushing y visualización de diferencias.
- Compatibilidad con la depuración basada en el Protocolo de adaptador de depuración (DAP).
- Compatibilidad con el protocolo Language Server Protocol (LSP) para múltiples lenguajes de programación.
- Edición multibúfer para componer y editar contenido de diferentes archivos en una sola vista.
- Funciones de colaboración integradas, como edición compartida, chat y uso compartido de pantalla.
- Edición modal al estilo Vim para desarrolladores que prefieren un flujo de trabajo modal.
Por qué potenciar Zed con Bright Data Web MCP
Independientemente del modelo de IA que utilices en Zed, este funciona con una limitación clave: los LLM no tienen acceso en tiempo real a la web. Sus respuestas se basan en datos de entrenamiento que representan una instantánea en el tiempo, que puede quedar obsoleta rápidamente.
Esta limitación se hace evidente cuando se trabaja con documentación, herramientas o marcos en constante evolución. Un asistente de IA dentro de un editor no puede verificar la información actual, navegar por sitios web ni extraer contenido real por sí mismo.
Ahora, imagina ampliar el agente IA de Zed con la capacidad de:
- Leer páginas de documentación en tiempo real
- Obtener guías y referencias actualizadas
- Navegar y extraer contenido de sitios web reales
Estas capacidades se desbloquean conectando Zed a Bright Data Web MCP. Bright Data Web MCP ofrece más de 60 herramientas preparadas para IA, impulsadas por la infraestructura de IA de Bright Data, lo que permite la interacción web en tiempo real y la recuperación de datos para los agentes de IA.
Las dos herramientas más utilizadas, también disponibles en la versión gratuita, son:
| Herramienta | Descripción |
|---|---|
scrape_as_markdown |
Extrae contenido de una página web y devuelve Markdown limpio, gestionando la protección contra bots y los CAPTCHA. |
search_engine |
Recupera los resultados de búsqueda de Google, Bing o Yandex en formato JSON o Markdown. |
Más allá de las herramientas básicas, Web MCP incluye muchas opciones avanzadas para la interacción con el navegador y la extracción de datos estructurados. El nivel gratuito proporciona acceso a las herramientas básicas, mientras que al habilitar el modo Pro se desbloquea el conjunto completo para casos de uso más avanzados.
Al conectar Bright Data Web MCP a Zed, el agente de IA puede trabajar con contenido web en vivo en lugar de conocimientos estáticos, lo que da como resultado una asistencia más precisa y fiable directamente dentro del editor.
Cómo integrar Bright Data Web MCP con Zed
En esta sección, usted:
- Configurar Bright Data Web MCP como servidor MCP dentro de Zed
- Autenticar el servidor MCP utilizando un token de API de Bright Data
- Habilitar el agente de IA de Zed para acceder a contenido web en vivo a través de MCP
- Verificar que la integración funciona correctamente
¡Siga los pasos que se indican a continuación para empezar!
Requisitos previos
Antes de empezar, asegúrese de que dispone de lo siguiente:
- Un sistema operativo compatible (macOS, Linux o Windows)
- Zed instalado y en ejecución
- Node.js instalado (se recomienda la última versión LTS)
- Una cuenta de Bright Data con un token API
No es necesario configurar Bright Data por adelantado. La configuración necesaria se explicará paso a paso en las siguientes secciones.
Aunque no es obligatorio, puede ser útil tener algunos conocimientos previos, como por ejemplo:
- Una idea básica de cómo funciona el Protocolo de contexto de modelo (MCP)
- Familiaridad general con Bright Data Web MCP y sus herramientas disponibles
Paso n.º 1: Instalar y ejecutar Zed
Descargue Zed desde el sitio web oficial e instálelo para su sistema operativo (macOS, Linux o Windows).
Una vez instalado, abra Zed desde el menú de aplicaciones y asegúrese de que el editor se inicia sin errores.
Debería ver la interfaz principal del editor y poder abrir el panel de configuración. Si Zed se inicia correctamente, ya está listo para pasar al siguiente paso.
Paso 2: Habilite la IA y la edición agencial en Zed
Abre Configuración en Zed y ve a la sección Proveedores de LLM.
Inicie sesión en Zed AI o configure cualquier proveedor compatible, como Anthropic, Google AI o Amazon Bedrock, para habilitar las funciones basadas en IA.
Una vez que el proveedor esté activo, vuelve al editor y abre el panel de IA o chat para confirmar que se aceptan las indicaciones y se generan las respuestas. Si la IA responde dentro del editor, la edición agencial se ha habilitado correctamente.
Paso n.º 3: Configurar Bright Data Web MCP localmente
Para habilitar el acceso web en tiempo real para el agente de IA de Zed, debe configurar Bright Data Web MCP en su máquina local. Este servidor MCP actúa como puente entre el agente de IA y los datos web en tiempo real.
Comience por crear una cuenta de Bright Data desde el panel de control de Bright Data. Si ya tiene una cuenta, simplemente inicie sesión.
Para una configuración rápida, abra la página «MCP» en su cuenta y siga las instrucciones:
De lo contrario, siga los pasos que se indican a continuación:
Desde el panel de control de Bright Data, genere un token API y guárdelo en un lugar seguro. El servidor Web MCP utiliza este token para autenticar las solicitudes y acceder a las herramientas web de Bright Data.
Para este tutorial, el token API es la única credencial que necesita.
Bright Data Web MCP se ejecuta como un servidor local utilizando Node.js. Instálelo globalmente ejecutando el siguiente comando en su terminal:
npm install -g @brightdata/mcpEsto instala el paquete Web MCP al que Zed se conectará más adelante.
Inicie el servidor Web MCP ejecutando:
API_TOKEN="TU_TOKEN_API_DE_BRIGHT_DATA" npx -y @brightdata/mcpReemplace YOUR_BRIGHT_DATA_API_TOKEN por su token API real.
Si el servidor se inicia correctamente, debería ver mensajes de registro que indican que el servidor MCP está en funcionamiento y listo para aceptar solicitudes.
En su primera ejecución, el servidor Web MCP de Bright Data crea automáticamente dos zonas necesarias en su cuenta de Bright Data: una para Web Unlocker y otra para la API del navegador. Estas zonas son utilizadas internamente por Web MCP para dar soporte a sus herramientas disponibles.
Puede verificar su creación visitando la sección Proxies e Infraestructura de scraping del panel de control de Bright Data. Si su token API no tiene acceso de administrador, es posible que las zonas deban crearse manualmente y referenciarse a través de variables de entorno.
De forma predeterminada, Web MCP solo muestra las herramientas search_engine y scrape_as_markdown, que están disponibles en el nivel gratuito. Al habilitar el modo Pro, se desbloquea el conjunto completo de herramientas, incluida la automatización avanzada del navegador, y puede incurrir en cargos adicionales.
Para acceder a funciones avanzadas como la automatización del navegador y la extracción de datos estructurados, habilite el modo Pro estableciendo PRO_MODE=true antes de iniciar el servidor Web MCP.
API_TOKEN="<YOUR_BRIGHT_DATA_API>" PRO_MODE="true" npx -y @brightdata/mcpUna vez que confirme que el servidor funciona correctamente, deténgalo por ahora. Zed se configurará para iniciarse y conectarse al servidor Web MCP automáticamente en el siguiente paso.
Paso n.º 4: Configurar Bright Data Web MCP en Zed
Abra Configuración en Zed y vaya a la sección Servidores del protocolo de contexto de modelo (MCP). Haga clic en Añadir servidor para registrar un nuevo servidor MCP local.
Cuando se le solicite, defina el servidor MCP de Bright Data configurando el comando para ejecutar el paquete Web MCP (npx @brightdata/mcp) y añada la variable de entorno necesaria para la autenticación (API_TOKEN). Guarde la configuración para que el servidor MCP esté disponible para el agente de IA de Zed.
Una vez añadido, Bright Data aparecerá en la lista de servidores MCP, lo que indica que Zed está listo para conectarse al MCP web durante los flujos de trabajo asistidos por IA.
Con el servidor MCP habilitado, el agente de IA de Zed ya está listo para utilizar las herramientas web de Bright Data durante los flujos de trabajo asistidos por IA dentro del editor.
Paso n.º 6: Ejecutar una tarea del mundo real en Zed
En este paso, utilizará el agente de IA de Zed junto con Bright Data Web MCP para obtener contenido web en tiempo real, almacenarlo localmente y generar un pequeño script basado en datos reales.
Abre el panel de IA o chat de Zed (el mismo que utilizaste anteriormente para probar las respuestas de IA).
- Aquí es donde escribirás tu comando.
- Ahora estás hablando con el agente IA de Zed, no escribiendo código.
Copie y pegue exactamente este comando en Zed:
Recupera la página de documentación en vivo en
https://nodejs.org/en/docs
Utiliza Bright Data MCP para extraer el contenido principal de la documentación y convertirlo en Markdown limpio. Guarda el contenido extraído como docs.md. A continuación, genera un breve resumen de la documentación y guárdalo como summary.md. Por último, crea un script Node.js sencillo llamado readDocs.js que cargue docs.md e imprima las primeras líneas.Después de enviar el comando, observa lo que sucede:
- El agente de IA explica o planifica los pasos que seguirá
- Identifica que se requiere acceso a la web
- Selecciona una herramienta Bright Data MCP (normalmente scrape_as_markdown)
- Zed puede pedirte que apruebes la ejecución de la herramienta
Una vez completada la tarea, compruebe que los archivos generados están presentes en el directorio de su proyecto. Abra los archivos Markdown para confirmar que contienen el contenido extraído de la página de documentación en vivo.
Al ejecutar el script generado, se deben imprimir los datos del contenido extraído, lo que verifica que el flujo de trabajo se ha ejecutado correctamente.
Conclusión
En este tutorial, ha aprendido a integrar Zed con Bright Data Web MCP para habilitar la interacción web en tiempo real dentro de un editor nativo de IA. Al combinar el modelo de edición agencial de Zed con las herramientas web de Bright Data, ha creado un flujo de trabajo en el que la IA puede obtener contenido en vivo, almacenarlo localmente y generar código y archivos utilizables basados en datos reales.
Web MCP de Bright Data abre la puerta a la creación de flujos de trabajo de desarrollo asistidos por IA más fiables y sensibles al contexto, al proporcionar acceso a datos web estructurados y actualizados. Este enfoque ayuda a reducir la dependencia del conocimiento estático y mejora la precisión de los resultados generados por la IA.
Para explorar casos de uso más avanzados de la tecnología de agentes, eche un vistazo a la amplia plataforma de Bright Data y sus soluciones de datos web preparadas para la IA.
Puede empezar con una cuenta gratuita de Bright Data y experimentar más con Web MCP para potenciar sus propios flujos de trabajo de desarrollo impulsados por IA.
