Dale a Zencoder acceso a la web con Bright Data (MCP + Skills)

En este artículo aprenderás:

• Qué es Zencoder y qué productos ofrece para mejorar el desarrollo de software con IA.
• Por qué extenderlo con acceso web hace que los resultados sean más fiables y precisos.
• Cómo Bright Data admite la integración con Zencoder para Scraping web, búsqueda, descubrimiento y automatización del navegador.
• Cómo conectar Bright Data a Zencoder Zenflow (y sus plugins de IDE) mediante MCP.
• Cómo proporcionar a los productos Zencoder conocimiento de Bright Data mediante Agent Skills oficiales.
• Qué permite la integración Bright Data + Zencoder, ilustrado con un ejemplo completo.

¡Empecemos!

¿Qué es Zencoder?

Zencoder es una empresa que ofrece soluciones para agentes de codificación impulsados por IA que actúan como programadores en pareja autónomos.

Su producto principal es Zenflow, una plataforma de orquestación de IA que ejecuta flujos de trabajo multi-agente en IDEs, pipelines CI/CD y entornos de escritorio. Permite a los agentes planificar, construir, probar y verificar código, utilizando contexto completo del código base, flujos de trabajo estructurados y controles de calidad integrados. Su objetivo final es automatizar el desarrollo de software y las tareas operativas a escala.

Zenflow admite dos modos:

• Zenflow Code: Agentes de IA para desarrollo de software (construcción, pruebas, refactorización).
• Zenflow Work: Agentes de IA para flujos de trabajo empresariales en herramientas como Jira, Slack y otras.

Nota: Zencoder también está disponible a través de Agentes IDE en Visual Studio Code y JetBrains.

Las principales funciones que ofrecen los productos Zencoder son:

• Orquestación multi-agente: Múltiples agentes de IA colaboran en tareas de planificación, codificación, revisión y auditoría.
• Contexto completo del código base: Los agentes comprenden arquitecturas multi-repositorio y dependencias antes de actuar.
• Flujos de trabajo estructurados: Los pipelines “Spec → plan → build → test → verify” reemplazan los prompts ad hoc.
• Verificación integrada: Pruebas automatizadas, linting y revisión de código garantizan la calidad antes de aceptar el resultado.
• Ejecución en paralelo: Múltiples agentes se ejecutan simultáneamente en entornos aislados.
• Integración entre herramientas: Funciona con GitHub, Jira, Slack, sistemas CI/CD y más.
• Controles empresariales: Acceso basado en roles, puertas de aprobación, registros de auditoría y soporte de cumplimiento (SOC 2, ISO).
• Programación autónoma: Los agentes ejecutan tareas recurrentes como actualizaciones de dependencias o revisiones de PR automáticamente.

Obtén más información en la documentación oficial.

Por qué dar a los agentes de IA de Zencoder la capacidad de explorar la web y obtener datos de ella

Al igual que cualquier otra solución impulsada por LLM, los agentes de Zencoder están limitados por una restricción fundamental: el deterioro de la información. Dado que los modelos de lenguaje de gran escala generan respuestas derivadas de sus conjuntos de datos de entrenamiento, operan dentro de una ventana fija del pasado.

En un ecosistema técnico en rápida evolución, esa latencia representa un obstáculo enorme. Un agente de codificación de este tipo puede proponer métodos de biblioteca obsoletos o pasar por alto actualizaciones de seguridad nuevas y vitales. Para superar estas limitaciones, tus modelos de IA necesitan conectividad web en tiempo real. ¡Aquí es exactamente donde entra Bright Data!

La infraestructura lista para IA de Bright Data permite a tu agente Zencoder trascender su entrenamiento inicial. De este modo, adquiere la capacidad de:

• Realizar búsquedas en tiempo real: Navegar por Google u otros motores de búsqueda para obtener documentación e información actualizada, reduciendo alucinaciones y sugerencias obsoletas.
• Validar la precisión: Contrastar fragmentos de código con discusiones de Stack Overflow o issues de GitHub para mejorar la precisión en la depuración.
• Extraer datos estructurados: Recopilar datos de páginas web en vivo para poblar repositorios locales o generar datos simulados realistas para desarrollo y pruebas.
• Mejorar la documentación: Recomendar URLs confiables y de alta reputación para archivos README o wikis de proyectos internos.
• Y mucho más…

La ventaja definitoria de Bright Data es su colosal red global de proxies con más de 400 millones de IPs residenciales que abarcan 195 países. Esta infraestructura ofrece concurrencia ilimitada, un tiempo de actividad del 99,99% y una tasa de éxito del 99,95%.

Al integrar Bright Data en los productos Zencoder, el resultado son agentes de IA escalables fundamentados en datos web estructurados, actualizados y contextuales.

Cómo conectar los agentes de IA de Zencoder a la infraestructura de datos web de Bright Data

Bright Data admite Zencoder a través de dos integraciones:

• Bright Data Web MCP: Servidor MCP que expone más de 70 herramientas para acceso a datos web, extracción y automatización del navegador.
• Bright Data skills: Agent Skills que guían a los agentes Zencoder en el uso efectivo de las soluciones Bright Data.

Ten en cuenta que estos enfoques no son alternativas, sino que son sinérgicos. En detalle, una skill específica proporciona orientación para el uso óptimo de las herramientas Web MCP.

Importante: Los siguientes capítulos harán referencia a la integración de Bright Data en Zenflow a través de MCP y Agent Skills. Los plugins IDE de Zencoder también dependen de los mismos archivos de configuración afectados. Por lo tanto, la configuración permanece sin cambios (solo difieren las capturas de pantalla de la interfaz y algunas instrucciones menores).

Bright Data Web MCP

El Bright Data Web MCP proporciona más de 70 herramientas para interactuar con los productos y servicios basados en API de Bright Data.

Incluso en el modo Rapid (nivel gratuito), las herramientas principales incluyen:

Luego, el modo Pro desbloquea capacidades avanzadas para la extracción de datos estructurados de plataformas como GitHub, NPM, PyPI, Amazon, LinkedIn, Yahoo Finance, YouTube, Zillow, Google Maps y más de 40 otras. Además, expone herramientas para la automatización completa del navegador.

Bright Data Skills

Las Bright Data skills incluyen:

Pasos comunes

En los próximos dos capítulos, exploraremos cómo integrar Bright Data en Zenflow usando MCP y Agent Skills, respectivamente. Por ahora, centrémonos en algunos pasos de configuración comunes necesarios antes de comenzar.

Requisitos previos

Para seguir este tutorial, asegúrate de tener:

• Node.js 22+ instalado localmente.
• Una cuenta de Zencoder (el plan gratuito o de prueba es suficiente).
• Una cuenta de Bright Data con una clave API configurada (consulta la guía oficial para generar una).

Instalar y configurar Zenflow

Descarga el instalador de Zenflow, ejecútalo y luego lanza la aplicación. Esta es la pantalla de bienvenida que deberías ver:

Inicia sesión (o regístrate si aún no lo has hecho) para conectar tu cuenta de Zencoder a Zenflow.

Se te guiará a través de algunas preguntas de configuración. Respóndelas y elige tu agente de IA predeterminado:

Haz clic en “Siguiente” una última vez para completar la configuración:

¡Bien hecho! Has instalado Zenflow con éxito. Es hora de configurarlo para la integración con Bright Data.

Conectar Bright Data a Zencoder a través del Web MCP

En esta sección, se te guiará a través de la configuración del Bright Data Web MCP en Zenflow.

Requisitos previos

Para seguir más fácilmente, se recomienda tener:

• Una comprensión básica de cómo funciona MCP.
• Familiaridad con las herramientas proporcionadas por el Bright Data Web MCP.

Nota: Los requisitos previos enumerados en el capítulo “Pasos comunes” también se aplican aquí.

Paso #1: Comenzar con el Web MCP de Bright Data

Antes de conectar el Web MCP de Bright Data a Zenflow, asegúrate de que el servidor MCP se ejecuta correctamente en tu máquina.

Comienza iniciando sesión en tu cuenta de Bright Data. Para una configuración rápida, sigue las instrucciones en la sección “MCP” del panel de control de Bright Data:

Alternativamente, para obtener más orientación, sigue los pasos de configuración manual a continuación.

Primero, instala el Web MCP globalmente:

npm install -g @brightdata/mcp

Verifica que el servidor MCP se inicia con:

API_TOKEN="<YOUR_BRIGHT_DATA_API>" npx -y @brightdata/mcp

O, de manera equivalente, en PowerShell:

$Env:API_TOKEN="<YOUR_BRIGHT_DATA_API>"; npx -y @brightdata/mcp

Reemplaza el marcador de posición <YOUR_BRIGHT_DATA_API> con tu clave API real de Bright Data. Este comando establece la variable de entorno API_TOKEN requerida y lanza el servidor Web MCP localmente a través del paquete @brightdata/mcp.

Si todo funciona correctamente, deberías ver estos registros:

En la primera ejecución, el paquete @brightdata/mcp crea dos zonas en tu cuenta de Bright Data:

• mcp_unlocker: Una Zona para Web Unlocker.
• mcp_browser: Una Zona para Browser API.

Estas zonas alimentan las más de 70 herramientas disponibles en Web MCP. Si es necesario, también puedes configurar zonas personalizadas, como se describe en el repositorio oficial.

Para verificar que las zonas fueron creadas, ve a la sección “Proxies & Scraping Infrastructure” en el panel de control de Bright Data:

Recuerda que en el nivel gratuito del Web MCP (modo Rapid), tienes acceso a un conjunto limitado de herramientas.

Para desbloquear todas las más de 70 herramientas, debes habilitar el modo Pro. Para ello, establece la variable de entorno PRO_MODE="true":

API_TOKEN="<YOUR_BRIGHT_DATA_API>" PRO_MODE="true" npx -y @brightdata/mcp

O, en Windows:

$Env:API_TOKEN="<YOUR_BRIGHT_DATA_API>"; $Env:PRO_MODE="true"; npx -y @brightdata/mcp

Nota: El modo Pro no está incluido en el nivel gratuito e incurre en cargos adicionales.

¡Perfecto! Acabas de verificar que el Bright Data Web MCP se ejecuta en tu máquina. A continuación, configurarás Zencoder Zenflow para conectarse a él.

Paso #2: Configurar Web MCP en Zenflow

Todos los productos Zencoder admiten la integración MCP a través de un archivo de configuración ubicado en ~/.zencoder/settings.json. Puedes editar este archivo manualmente o acceder a él a través de la interfaz de usuario de Zenflow.

Para un flujo de trabajo con interfaz de usuario, comienza haciendo clic en el icono “Settings” en la esquina inferior izquierda:

Luego navega a la sección “MCP Servers”, donde puedes editar el archivo de configuración directamente desde la interfaz de usuario:

Asegúrate de que tu archivo ~/.zencoder/settings.json incluya lo siguiente:

{
  "mcpServers": {
    "bright-data-web-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": ["@brightdata/mcp"],
      "env": {
        "API_TOKEN": "<YOUR_BRIGHT_DATA_API_KEY>",
        "PRO_MODE": "true"
      }
    }
  }
}

Si estás editando a través de la interfaz de usuario, ingresa la misma configuración y haz clic en “Save”:

Esta configuración refleja el comando npx que probaste anteriormente y utiliza variables de entorno para la autenticación y configuración:

• API_TOKEN (requerido): Tu clave API de Bright Data.
• PRO_MODE (opcional): Establécelo en "true" para habilitar las funciones Pro, o elimínalo para usar el nivel gratuito.

Una vez configurado, Zencoder lanzará el servidor Web MCP local usando el comando npx especificado y se conectará a él. ¡Fantástico!

Paso #3: Verificar la conexión del Web MCP

En el momento de escribir esto, Zenflow no proporciona una interfaz de usuario directa para inspeccionar las herramientas MCP disponibles. Para verificar la conexión, cambia al modo Work y envía un prompt como:

Which MCP tools do you have access to?

Deberías ver un resultado similar a:

La respuesta listará todas las herramientas MCP disponibles. En modo Pro, la lista incluye las más de 70 herramientas Web MCP. De lo contrario, solo verás las herramientas disponibles en el modo Rapid (gratuito).

¡Genial! Esto confirma que el Bright Data Web MCP está correctamente conectado y exponiendo herramientas a tu producto Zencoder. Más adelante en este artículo, verás cómo usar Web MCP junto con Bright Data Skills en un flujo de trabajo real.

Añadir las Bright Data Skills a Zencoder

Aquí aprenderás cómo añadir Bright Data Skills a tu configuración de Zencoder a través del flujo de trabajo guiado proporcionado por la herramienta skills de Vercel.

Configuración manual rápida: Si prefieres un enfoque manual, comienza clonando el repositorio de Bright Data skills. Luego, copia las skills en el directorio ~/.zencoder/skills:

git clone https://github.com/brightdata/skills
cp -r skills/skills/* ~/.zencoder/skills/

¡De lo contrario, sigue el enfoque más guiado a continuación!

Requisitos previos

Asegúrate de tener:

• La CLI de Bright Data instalada y configurada localmente (los requisitos previos principales para las Bright Data skills).
• Conocimiento básico de las Bright Data skills.

Nota: Para una configuración rápida de la CLI de Bright Data, consulta la guía “Bright Data CLI: Instalación y configuración“. Alternativamente, lee el artículo de blog dedicado.

También será útil tener una comprensión básica del estándar Agent Skills y cierta familiaridad con la herramienta CLI skills de Vercel.

Paso #1: Instalar las Bright Data Skills

Para instalar las Bright Data Skills en tu entorno Zencoder, ejecuta:

npx skills add brightdata/skills -a zencoder

El comando anterior instala el paquete skills e inicia el proceso de configuración, que:

• Descargará las Bright Data skills del Directorio oficial de Agent Skills.
• Las configurará para su uso en todos los productos Zencoder, incluidos Zenflow y los plugins IDE.

Primero verás una pantalla donde puedes elegir qué skills instalar:

Para instalarlas todas, usa la barra espaciadora para seleccionar cada skill y luego presiona Enter.

Luego, se te pedirá que selecciones el alcance de la instalación. Dado que la integración Web MCP se configuró globalmente, también debes instalar las Bright Data skills globalmente. Por lo tanto, elige la opción “Global”:

A continuación, se te mostrarán las secciones “Installation Summary” y “Security Risk Assessment”. Revisa ambas cuidadosamente y presiona Enter para confirmar. Finalmente, recibirás un mensaje de confirmación:

Las Bright Data skills se instalarán en el directorio ~/.zencoder/skills. Reinicia tu producto Zencoder para asegurarte de que los cambios se carguen. ¡Genial!

Paso #2: Verificar que las Skills están disponibles

Ahora deberías poder acceder a las skills instaladas como comandos especiales. Para verificarlo, presiona / en Zencoder y comprueba que las Bright Data skills aparecen en la lista (junto con las skills predeterminadas de Zencoder):

Los comandos listados deben coincidir con las Bright Data skills, confirmando una instalación exitosa.

Importante: Si las skills no aparecen, reinicia tu producto Zencoder. En Zenflow, asegúrate de que las skills también estén copiadas en ~/.agents/skills (también puedes instalarlas en esa carpeta con npx skills add brightdata/skills -a cline). Luego, reinicia Zenflow.

Opcional: Si aún no has configurado la CLI de Bright Data, ejecuta la skill de incorporación y sigue las instrucciones:

/agent-onboarding

¡Misión cumplida! En el próximo capítulo, verás cómo aprovechar al máximo el Bright Data Web MCP y las skills dentro de los agentes de IA de Zencoder.

Zencoder + Bright Data: Experiencia de asistencia de IA de siguiente nivel

Para verificar cuán poderosa es la configuración Zencoder + Bright Data, considera una tarea concreta que requiera datos web del mundo real.

Supón que estás buscando las mejores bibliotecas de hashing de Python para un proyecto en el que estás trabajando.
Confiar solo en un LLM en tal escenario puede ser arriesgado. Después de todo, los modelos de IA pueden no estar al tanto de actualizaciones recientes, problemas de seguridad, CVEs que afectan a bibliotecas específicas o cambios en los algoritmos subyacentes. Por esta razón, es importante fundamentar el agente en datos web en vivo.

También es posible que desees extraer información de fuentes como PyPI o GitHub. Esto proporcionará al agente de IA detalles adicionales sobre dependencias, comandos de instalación, estado de mantenimiento y más.

Logra el objetivo con un prompt como este:

Discover online the best Python libraries for hashing. Start by performing a contextual search on Google, access the most relevant 2-3 pages, and then select a list of the top 5-7 Python libraries. For each library, scrape structured data from its PyPI page. 

With the scraped data, produce a final structured report with a ranking, including for each library: a description, main capabilities, installation instructions, and (if available) requirements, GitHub links, and other relevant details.

Lánzalo en el modo Work y debería ocurrir lo siguiente:

Esto es lo que sucedió:

1. El agente comienza definiendo un plan.
2. Usa la herramienta search_engine (respaldada por la API SERP de Bright Data) del Web MCP para recuperar resultados contextuales de Google SERP.
3. Selecciona las páginas más relevantes y las extrae usando scrape_batch (a través de la API Web Unlocker).
4. Identifica las 7 bibliotecas más relevantes y las enriquece con datos estructurados de PyPI llamando a la herramienta Pro web_data_pypi_package del Web MCP en paralelo.
5. Agrega toda la información recopilada en un archivo final report.md.

El resultado final es un archivo report.md en el directorio del proyecto:

Ábrelo y observarás un informe Markdown estructurado que contiene información detallada y verificable. Enfócate en una biblioteca de hashing de Python:

Observa cómo cada sección de biblioteca se basa en datos de PyPI en vivo en lugar del conocimiento de entrenamiento solo del modelo.

El informe también incluye una tabla comparativa para apoyar la toma de decisiones:

¡Et voilà! Este sencillo ejemplo demuestra el valor de integrar Bright Data en Zenflow Work (o cualquier otro producto de Zencoder). Los agentes Zencoder ahora pueden recuperar información lista para IA y actualizada de la web, produciendo resultados más confiables en una amplia gama de casos de uso.

Conclusión

En este tutorial, aprendiste qué es Zencoder y qué funciones proporciona a través de Zenflow y sus plugins IDE. En particular, viste por qué y cómo extender los productos Zencoder conectándolos a Bright Data a través del Web MCP y sus skills oficiales.

Esta integración mejora enormemente la experiencia de asistencia de codificación de IA de Zencoder. Gracias a ella, el agente de IA subyacente adquiere la capacidad de interactuar con la web para fundamentación, investigación y acciones automatizadas del navegador.

Para flujos de trabajo aún más avanzados, explora la gama completa de servicios con capacidad de IA en el ecosistema de Bright Data.

¡Crea una cuenta gratuita de Bright Data hoy y comienza a integrar nuestras herramientas de datos web listas para infraestructura de IA!