--- title: "opencode con el Bright Data MCP de Bright Data en tu CLI" slug: opencode-with-web-mcp date: 2025-08-26T08:13:43+00:00 modified: 2025-11-04T08:46:00+00:00 permalink: https://brightdata.es/blog/ai/opencode-with-web-mcp type: blog --- [ Blog ](https://brightdata.es/blog "Blog") / [AI](https://brightdata.es/blog/ai) [AI](https://brightdata.es/blog/ai) # opencode con el Bright Data MCP de Bright Data en tu CLI Aprenda a ampliar las capacidades de opencode conectándolo al Web MCP de Bright Data. Siga este tutorial para extraer datos web en tiempo real en su terminal. 12 min de lectura [ ![Antonello Zanini](https://media.brightdata.es/2022/12/Antonello-Zanini-2-50x50.jpg) ](https://brightdata.com/blog/authors/antonello-zanini) [Antonello Zanini Technical Writer ](https://brightdata.com/blog/authors/antonello-zanini) ![Opencode × Bright Data MCP](https://media.brightdata.es/2025/08/Opencode%E2%80%AF%C3%97%E2%80%AFBright%E2%80%AFData-MCP.png) En este tutorial, verá: - Qué es opencode, qué características ofrece y por qué no debe confundirse con Crush. - Cómo ampliarlo con capacidades de interacción web y extracción de datos puede hacerlo aún más ingenioso. - Cómo conectar opencode al servidor MCP de Bright Data en la CLI para crear un potente agente de codificación de IA. ¡Vamos a sumergirnos! ## ¿Qué es opencode? [opencode](https://opencode.ai/) es un agente de codificación de IA de código abierto creado para el terminal. En particular, funciona como: 1. Una TUI[(Terminal User Interface](https://github.com/rothgar/awesome-tuis)) en tu CLI. 2. Una integración IDE en Visual Studio Code, Cursor, etc. 3. Una extensión de GitHub. Más en detalle, opencode te permite: - Configurar una interfaz de terminal responsiva y tematizable. - Cargar el LSP[(Language Server Protocols](https://microsoft.github.io/language-server-protocol/)) correcto para tu LLM. - Ejecutar múltiples agentes en paralelo en el mismo proyecto. - Compartir enlaces a cualquier sesión para referencia o depuración. - Iniciar sesión con Anthropic para utilizar tu cuenta Claude Pro o Max, así como integrarte con otros más de 75 proveedores de LLM a través de [Models.dev](https://models.dev/) (incluyendo modelos locales). Como puedes ver, la CLI es agnóstica a LLM. Está desarrollada principalmente en Go y TypeScript y ya ha acumulado [más de 20k estrellas en GitHub](https://github.com/sst/opencode), un testimonio de su popularidad en la comunidad. **Nota**: Esta tecnología no debe confundirse con Crush, un proyecto diferente cuyo nombre original era “opencode”. Obtenga más información sobre la [disputa por el nombre en X](https://x.com/thdxr/status/1933561254481666466). Si busca Crush en su lugar, consulte nuestra guía sobre la integración [de Crush con el MCP Web de Bright Data](/blog/ai/crush-cli-with-web-mcp). ## Por qué es importante integrar el MCP Web de Bright Data en la TUI de opencode No importa qué LLM termine configurando en opencode, todos comparten la misma limitación: [su conocimiento es estático](/blog/datos-web/train-an-ai-model). Los datos con los que se formaron representan una instantánea en el tiempo, que rápidamente queda desfasada. Esto es especialmente cierto en campos tan cambiantes como el desarrollo de software. Ahora, imagina darle a tu asistente de opencode CLI la capacidad de: - Obtener nuevos tutoriales y documentación. - Consultar guías en vivo mientras escribe código. - Navegar por sitios web dinámicos con la misma facilidad con la que navega por sus archivos locales. Éstas son precisamente las capacidades que desbloquea conectándolo [al MCP Web de Bright Data](/ai/mcp-server). El MCP Web de Bright Data proporciona acceso a más de 60 herramientas preparadas para la IA y diseñadas para la interacción web y la recopilación de datos en tiempo real, todas ellas impulsadas por [la infraestructura de IA de Bright Data](/ai). Las dos herramientas más utilizadas[(incluso disponibles en el nivel gratuito](https://docs.brightdata.com/mcp-server/overview)) en el MCP Web de Bright Data son: **Herramienta****Descripción**`scrape_as_markdown`Raspe el contenido de una sola página web con opciones de extracción avanzadas, devolviendo los datos resultantes en Markdown. Puede evitar la detección de bots y CAPTCHA.`search_engine`Extrae resultados de búsqueda de Google, Bing o Yandex. Devuelve los datos SERP en formato JSON o Markdown.Además de estas dos, hay [más de 55 herramientas especializadas](https://github.com/brightdata/brightdata-mcp/blob/main/assets/Tools.md) para interactuar con páginas web (por ejemplo, `scraping_browser_click`) y recopilar datos estructurados de múltiples dominios, como LinkedIn, Amazon, Yahoo Finance, TikTok y otros. ool recupera información estructurada de perfil de una página pública de LinkedIn cuando se le da la URL de un profesional. ¡Es hora de comprobar cómo funciona Bright Data MCP dentro de opencode! ## Cómo conectar opencode al Bright Data MCP de Bright Data Aprenda cómo instalar y configurar opencode localmente e integrarlo con el servidor Bright Data MCP de Bright Data. El resultado será un agente de codificación extendido con acceso a más de 60 herramientas web. Este agente CLI se utilizará en una tarea de ejemplo para: 1. Raspar una página de producto de LinkedIn sobre la marcha para recopilar datos de perfil del mundo real. 2. Almacenar los datos localmente en un archivo JSON. 3. Crear un script Node.js para cargar y procesar los datos. Sigue estos pasos **Nota**: Esta sección del tutorial se centra en el uso de opencode a través de la CLI. Sin embargo, puedes utilizar una configuración similar para integrarlo directamente en tu IDE, [como se menciona en la documentación](https://opencode.ai/docs/ide/). ### Requisitos previos Antes de empezar, comprueba que tienes lo siguiente: - Un entorno macOS o Linux (los usuarios de Windows deben [utilizar el WSL](https://learn.microsoft.com/en-us/windows/wsl/install)). - Una [suscripción a Claude Pro o Max](https://claude.ai/settings/billing?action=subscribe) o una [cuenta de Anthropic con algunos fondos y una clave API](https://www.anthropic.com/pricing) (en este tutorial, usaremos una clave API de Anthropic, pero puedes configurar [cualquier otro LLM soportado](https://opencode.ai/docs/providers/)). - [Node.js instalado localmente](https://nodejs.org/en/download) (recomendamos la última versión LTS). - Una cuenta de Bright Data con una clave API preparada. No se preocupe por la configuración de Bright Data por ahora, ya que se le guiará a través de los siguientes pasos. A continuación, le ofrecemos algunos conocimientos previos opcionales pero útiles: - Comprensión general [del funcionamiento de MCP](https://docs.anthropic.com/en/docs/mcp). - Familiaridad con el Bright Data MCP de Bright Data y sus herramientas. ### Paso #1: Instalar opencode Instale opencode en su sistema basado en Unix utilizando el siguiente comando: ```none curl -fsSL https://opencode.ai/install | bash ``` Esto descargará el instalador de `https://opencode.ai/install` y lo ejecutará para configurar opencode en su máquina. Explore las [otras opciones de instalación posibles](https://opencode.ai/docs/#install). Verifique que opencode funciona con: ```none opencode ``` Si se encuentra con un error de “ejecutable no encontrado” o “comando no reconocido”, reinicie su máquina e inténtelo de nuevo. Si todo funciona como se espera, debería ver algo como esto: ![The opencode TUI](https://media.brightdata.com/2025/08/image-134-1024x472.png)Ahora opencode está listo para usarse. ### Paso #2: Configurar el LLM opencode puede conectarse a muchos LLMs, pero los modelos recomendados son los de Anthropic. Asegúrate de que tienes una suscripción Claude Max o Pro, o una cuenta de Anthropic con algunos fondos y una clave API. Los siguientes pasos le mostrarán cómo conectar opencode a su cuenta de Anthropic a través de la clave API, pero [cualquier otra integración LLM soportada también funcionará](https://opencode.ai/docs/providers/#directory). Cierra tu ventana de opencode con el comando `/exit`, y luego [inicia la autenticación con un proveedor LLM](https://opencode.ai/docs/#configure) usando: ```none opencode auth login ``` Se le pedirá que seleccione un proveedor de modelos de IA: ![Selecting the “Anthropic” provider in opencode](https://media.brightdata.com/2025/08/image-135-1024x266.png)Elija “Anthropic” pulsando `Intro` y, a continuación, seleccione la opción “Introducir manualmente la clave API”: ![Selecting the “Manually enter API key” option](https://media.brightdata.com/2025/08/image-136-1024x180.png)Pegue su clave API de Anthropic y pulse Intro: ![LLM integration](https://media.brightdata.com/2025/08/image-137-1024x222.png)La configuración de LLM ha finalizado. Reinicie opencode, ejecute el comando [`/models`](https://opencode.ai/docs/tui/#models) y podrá seleccionar un modelo de Anthropic. Por ejemplo, elija “Claude Opus 4.1”: ![Selecting the “Claude Opus 4.1” model](https://media.brightdata.com/2025/08/image-138-1024x538.png)Pulse `Intro`, y ahora debería ver: ![Selecting the “Claude Opus 4.1” model from Anthropic](https://media.brightdata.com/2025/08/image-139-1024x459.png)Observe cómo opencode funciona ahora utilizando el modelo antrópico Claude Opus 4.1 configurado. ¡Bien hecho! ### Paso #3: Inicialice su proyecto opencode Vaya al directorio de su proyecto usando el comando `cd` e inicie opencode allí: ```none cd opencode ``` Ejecute el comando `/init` para [inicializar un proyecto opencode](https://opencode.ai/docs/#initialize). El resultado debería ser similar a éste: ![The /init command output](https://media.brightdata.com/2025/08/image-140-1024x474.png)Específicamente, el comando `/init` creará un archivo [`AGENTS.md`](https://opencode.ai/docs/rules/). Similar a [`CLAUDE.md`](https://docs.anthropic.com/en/docs/claude-code/settings#key-points-about-the-configuration-system) o a [las reglas de Cursor](https://docs.cursor.com/en/context/rules), proporciona instrucciones personalizadas a opencode. Estas instrucciones se incluyen en el contexto del LLM para personalizar su comportamiento para su proyecto específico. Abre el archivo `AGENTS.md` en tu IDE (por ejemplo, Visual Studio Code), y deberías verlo: ![Exploring the AGENTS.md file in VS Code](https://media.brightdata.com/2025/08/image-141-1024x586.png)Personalízalo de acuerdo a tus necesidades para instruir al agente de codificación AI sobre cómo operar dentro del directorio de tu proyecto. **Sugerencia**: El archivo `AGENTS.md` debe confirmarse en el repositorio Git de la carpeta del proyecto. ### Paso #4: Probar el MCP Web de Bright Data Antes de intentar integrar su agente opencode con el servidor Bright Data MCP de Bright Data, es importante entender cómo funciona este servidor y si su máquina puede ejecutarlo. Si aún no lo ha hecho, empiece por [crear una cuenta Bright Data](/?hs_signup=1). Si ya tiene una, simplemente [inicie sesión](/cp/start). Para una configuración rápida, eche [un vistazo a la página “MCP” de su cuenta](/cp/mcp): ![The Bright Data “MCP” page in your account](https://media.brightdata.com/2025/08/image-142-1024x548.png)Si no, siga las instrucciones siguientes. Ahora, [genere su clave API de Bright Data](https://docs.brightdata.com/api-reference/authentication#generating-an-api-key%3A). Asegúrese de guardarla en un lugar seguro, ya que la necesitará pronto. En este caso, supondremos que utiliza una clave API con permisos de administrador, ya que facilita la integración. En la terminal, instala el Bright Data MCP globalmente a través del paquete [`@brightdata/mcp`](https://www.npmjs.com/package/@brightdata/mcp): ```none npm install -g @brightdata/mcp ``` Comprueba que el servidor MCP local funciona con este comando Bash: ```none API_TOKEN="" npx -y @brightdata/mcp ``` Sustituya el marcador de posición `` por el token real de la API de Bright Data. El comando establece la variable de entorno `API_TOKEN` necesaria y, a continuación, ejecuta el MCP web a través del paquete `@brightdata/mcp`. En caso de éxito, debería ver registros similares a este: ![Bright Data MCP startup logs](https://media.brightdata.com/2025/08/image-143-1024x157.png)En el primer lanzamiento, el paquete configura automáticamente dos zonas predeterminadas en su cuenta de Bright Data: - `mcp_unlocker`: Una zona para [Web Unlocker](/products/web-unlocker). - `mcp_browser`: Una zona para [Browser API](/products/scraping-browser). Estas dos zonas son necesarias para que el MCP Web active todas las herramientas que expone. Para confirmar que se han creado las dos zonas anteriores, inicie sesión en su cuenta de Bright Data. En el panel de control, vaya a la página[“Proxies & Scraping Infrastructure](/cp/zones)“. Allí, debería ver las dos zonas en la tabla: ![The mcp_unlocker and mcp_browser zones created by the Bright Data MCP at startup](https://media.brightdata.com/2025/08/image-144-1024x539.png)**Nota**: Si su token de API no tiene permisos de administrador, es posible que estas zonas no se creen automáticamente. En ese caso, puede configurarlas manualmente en el panel de control y especificar sus nombres mediante variables de entorno, [como se explica en la página de GitHub del paquete](https://github.com/brightdata/brightdata-mcp?tab=readme-ov-file#-account-setup). Por defecto, el servidor MCP sólo expone las herramientas `search_engine` y `scrape_as_markdown`[(¡que pueden utilizarse gratuitamente](/blog/ai/web-mcp-free-tier)!). Para desbloquear funciones avanzadas como la automatización del navegador y la recuperación de feeds de datos estructurados, debes activar el modo Pro. Para ello, establezca la variable de entorno `PRO_MODE=true` antes de iniciar el servidor MCP: ```none API_TOKEN="" PRO_MODE="true" npx -y @brightdata/mcp ``` **Importante**: Una vez activado el modo Pro, tendrá acceso a las más de 60 herramientas. Por otro lado, el modo Pro no está incluido en el nivel gratuito y conllevará cargos adicionales. Perfecto. Acaba de verificar que el servidor Bright Data MCP funciona en su máquina. Detenga el proceso del servidor, ya que ahora configurará opencode para que lo inicie por usted y se conecte a él. ### Paso #5: Integrar el Bright Data MCP en opencode opencode soporta la integración MCP a través de la [entrada`mcp` en el archivo de configuración](https://opencode.ai/docs/mcp-servers/). Tenga en cuenta que hay dos [enfoques de configuración](https://opencode.ai/docs/config/) soportados: - **Globalmente**: A través del archivo en `~/.config/opencode/opencode.json`. La configuración global es útil para ajustes como temas, proveedores o combinaciones de teclas. - **Por proyecto**: A través de un archivo local `opencode.j` son en el directorio de su proyecto. Supongamos que desea configurar la integración MCP localmente. Comience por añadir un archivo `opencode.j` son dentro de su directorio de trabajo. A continuación, abra el archivo y asegúrese de que contiene las siguientes líneas: ```none { "$schema": "https://opencode.ai/config.json", "mcp": { "brightData": { "tipo": "local", "enabled": true "comando": [ "npx", "-y", "@brightdata/mcp" ], "entorno": { "API_TOKEN": "", "PRO_MODE": "true" } } } } ``` Sustituya `` por la clave de API de Bright Data que generó y probó anteriormente. En esta configuración: - El objeto `mcp` indica a opencode cómo iniciar servidores MCP externos. - La entrada `brightData` especifica el comando`(npx`) y las variables de entorno necesarias para iniciar el MCP Web.`(PRO_MODE` es opcional, pero al activarlo se desbloquea todo el conjunto de herramientas disponibles). En otras palabras, la configuración `opencode.json` anterior indica a la CLI que ejecute el mismo comando `npx` con las variables de entorno definidas anteriormente. Esto le da a opencode la capacidad de iniciar y conectarse al servidor Bright Data MCP. En el momento de escribir esto, no hay ningún comando dedicado para comprobar las conexiones del servidor MCP o herramientas disponibles. Por lo tanto, ¡pasemos directamente a las pruebas! ### Paso 6: Ejecute una tarea en opencode Para comprobar las capacidades web de su agente de codificación opencode mejorado, ejecute un prompt como el siguiente: ```none Scrapea "https://it.linkedin.com/in/antonello-zanini" y almacena los datos resultantes en un archivo local "profile.json". A continuación, configura un script Node.js básico que lea el archivo JSON y devuelva su contenido. ``` Esto representa un caso de uso del mundo real, ya que recoge datos reales y luego los utiliza en un script Node.js. Inicia opencode, escribe el prompt, y presiona `Enter` para ejecutarlo. Deberías ver un comportamiento similar a este: ![Task execution in opencode](https://media.brightdata.com/2025/08/image-145-1024x533.png)El GIF se ha acelerado, pero esto es lo que ocurre paso a paso: 1. El modelo Claude Opus define un plan. 2. El primer paso del plan es recuperar los datos de LinkedIn. Para ello, el LLM selecciona la herramienta MCP adecuada`(web_data_linkedin_person_profile`, referenciada como `Brightdata_web_data_linkedin_person_profile` en la CLI) con los argumentos correctos extraídos del prompt`(https://it.linkedin.com/in/antonello-zanini)`. 3. El LLM recopila los datos de destino mediante la herramienta de raspado de LinkedIn y actualiza el plan. 4. Los datos se almacenan en un archivo `profile.json` local. 5. Se crea un script Node.js (llamado `readProfile.js`) para leer los datos de `profile.json` e imprimirlos. 6. Se muestra un resumen de los pasos ejecutados, con instrucciones para ejecutar el script Node.js producido. En este ejemplo, la salida final producida por la tarea tiene este aspecto: ![The final instructions produced by opencode](https://media.brightdata.com/2025/08/image-146-1024x470.png)Al final de la interacción, su directorio de trabajo debe contener estos archivos: ```none ├── AGENTS.md ├── opencode.json ├── profile.json # <-- creado por la CLI └── readProfile.js # <-- creado por la CLI ``` ¡¡¡Maravilloso!!! Comprobemos ahora si los archivos generados contienen los datos y la lógica previstos. ### Paso #7: Explorar y probar la salida Abra el directorio del proyecto en Visual Studio Code y comience inspeccionando el archivo `profile.json`: ![Exploring profile.json in VSC](https://media.brightdata.com/2025/08/image-147-1024x756.png)**Importante**: Los datos de `profile.` json son datos reales de LinkedIn recopilados por Bright Data [LinkedIn Scraper](/products/web-scraper/linkedin) a través de la herramienta MCP dedicada `web_data_linkedin_person_profile`. No se trata de contenido alucinado o inventado generado por el modelo Claude. Los datos de LinkedIn se recuperaron correctamente, como puedes comprobar inspeccionando la página pública del perfil de LinkedIn mencionada en el mensaje: ![The input LinkedIn page](https://media.brightdata.com/2025/08/image-148-1024x550.png)**Nota**: [El scraping de LinkedIn](/blog/procedimientos/linkedin-scraping-guide) es notoriamente difícil debido a sus sofisticadas protecciones anti-bot. Un LLM normal no puede realizar esta tarea de forma fiable, lo que demuestra lo potente que se ha vuelto su agente de codificación gracias a la integración de Bright Data MCP. A continuación, eche un vistazo al archivo `readProfile.js`: ![Exploring readProfile.json in VSC](https://media.brightdata.com/2025/08/image-149-1024x772.png)Observe que el código define una función `readProfileData()` para leer los datos del perfil de LinkedIn desde `profile.json`. A continuación, se llama a esta función para imprimir los datos del perfil con todos los detalles. Prueba el script con: ```none node readProfile.js ``` La salida debería ser: ![The readProfile.js output](https://media.brightdata.com/2025/08/image-150-1024x621.png)Observa cómo el script producido imprime los datos raspados de LinkedIn según lo previsto. Misión cumplida. Pruebe diferentes indicaciones y pruebe [flujos de trabajo de datos avanzados basados en LLM](/ai/web-access) directamente en la CLI. ## Conclusión En este artículo, ha visto cómo conectar opencode con el Bright Data MCP de Bright Data[(¡que ahora ofrece un nivel gratuito!](/blog/ai/web-mcp-free-tier)). El resultado es un agente de codificación de IA rico en herramientas capaz de extraer datos de la web e interactuar con ellos. Para construir agentes de IA más complejos, explore toda la gama de servicios y productos disponibles en la [infraestructura de IA de Bright Data](/ai). Estas soluciones soportan una amplia variedad de [escenarios de agentes](/ai/web-access), incluyendo varias integraciones CLI. Regístrese gratis en Bright Data y empiece a experimentar con nuestras herramientas web preparadas para la IA. Contactar ventasPrueba gratuita![google social icon](/wp-content/themes/brightdata/assets/images/ic_google.svg) Tabla de Contenidos [ ](https://news.ycombinator.com/submitlink?t=opencode+con+el+Bright+Data+MCP+de+Bright+Data+en+tu+CLI&u=https://brightdata.es/blog/ai/opencode-with-web-mcp) [ ](https://www.linkedin.com/shareArticle?mini=true&title=opencode+con+el+Bright+Data+MCP+de+Bright+Data+en+tu+CLI&url=https://brightdata.es/blog/ai/opencode-with-web-mcp) [ ](http://www.reddit.com/submit?title=opencode+con+el+Bright+Data+MCP+de+Bright+Data+en+tu+CLI&url=https://brightdata.es/blog/ai/opencode-with-web-mcp) ## Usted también puede estar interesado en [ ![OpenHuman with Bright Data](https://media.brightdata.es/2026/09/OpenHuman-with-Bright-Data.png) ](https://brightdata.es/blog/ai/openhuman-with-bright-data "Acceso Web Listo para Producción en OpenHuman a Través de la CLI de Bright Data") [AI ![Antonello Zanini](https://media.brightdata.es/2022/12/Antonello-Zanini-2-50x50.jpg) Antonello Zanini Technical Writer ### Acceso Web Listo para Producción en OpenHuman a Través de la CLI de Bright Data Integra la CLI de Bright Data con OpenHuman para habilitar acceso web listo para producción y recopilación de datos para agentes de IA. 09-Sep-2026 14 min de lectura ](https://brightdata.es/blog/ai/openhuman-with-bright-data) [ ![Multimodal Web Scraping with MiniMax](https://media.brightdata.es/2026/09/Multimodal-Web-Scraping-with-MiniMax.png) ](https://brightdata.es/blog/datos-web/multimodal-web-scraping-with-minimax "Scraping Web Multimodal con MiniMax") [Datos web ![Antonello Zanini](https://media.brightdata.es/2022/12/Antonello-Zanini-2-50x50.jpg) Antonello Zanini Technical Writer ### Scraping Web Multimodal con MiniMax Combina Bright Data Web Unlocker con la visión de MiniMax M3 para extraer datos estructurados de imágenes y capturas de pantalla de páginas web. 09-Sep-2026 5 min de lectura ](https://brightdata.es/blog/datos-web/multimodal-web-scraping-with-minimax) [ ![The 10 Best CLI Tools for Codex in 2026](https://media.brightdata.es/2026/08/The-10-Best-CLI-Tools-for-Codex-in-2026.png) ](https://brightdata.es/blog/ai/best-cli-tools-for-codex "Las 10 mejores herramientas CLI para Codex en 2026 – Probadas y clasificadas") [AI ![Daniel Shashko](https://media.brightdata.es/2022/04/Daniel-Shashko-2-50x50.png) Daniel Shashko Web Data & AI Expert ### Las 10 mejores herramientas CLI para Codex en 2026 – Probadas y clasificadas Las 10 herramientas CLI que hacen a Codex más rápido y capaz, comenzando con la Bright Data CLI para acceso web real desde dentro del sandbox. 06-Sep-2026 24 min de lectura ](https://brightdata.es/blog/ai/best-cli-tools-for-codex)