BrowserStack
oficialLleva todo el poder de la plataforma de pruebas de BrowserStack a tus herramientas de IA, haciendo que las pruebas sean más rápidas y fáciles para cada desarrollador y tester de tu equipo.
¿Qué puedes hacer con BrowserStack MCP?
- Pruebas manuales de aplicaciones — Pídele a tu asistente que abra una aplicación en un dispositivo real específico, como «abre mi aplicación en un iPhone 15 Pro Max», y depure los fallos.
- Pruebas manuales web — Prueba sitios web en navegadores y dispositivos en la nube, incluidos los sitios alojados localmente en tu equipo.
- Depuración de pruebas automatizadas — Ejecuta suites de Playwright, Selenium o Jest en BrowserStack y obtén un análisis de la causa raíz de los fallos, con soluciones propuestas para que las apruebes.
- Análisis de accesibilidad — Analiza un sitio local o de producción para detectar problemas de accesibilidad y obtener soluciones sugeridas.
- Gestión de pruebas — Crea proyectos, carpetas y casos de prueba; luego crea ejecuciones de pruebas y actualiza los resultados en lenguaje sencillo.
- Pruebas de carga — Busca, ejecuta, detén y compara pruebas de carga; consulta informes e información de IA, y comprueba las horas de VU restantes.
Documentación
Servidor MCP de BrowserStack
Plataforma de pruebas integral
Administra casos de prueba, ejecuta pruebas manuales o automatizadas, depura problemas e incluso corrige código, directamente desde herramientas como Cursor, Claude o cualquier cliente compatible con MCP, usando lenguaje natural.
Prueba desde cualquier lugar:
Conecta fácilmente la plataforma de pruebas de BrowserStack con tus herramientas de IA favoritas, como IDE, LLM o flujos de trabajo con agentes.
Prueba con lenguaje natural:
Administra, ejecuta y depura pruebas, e incluso corrige código usando instrucciones en lenguaje natural.
Menos cambios de contexto:
Mantén el ritmo: conserva todo el contexto del proyecto en un solo lugar y activa acciones directamente desde tu IDE o LLM.
⚡️ Configuración de MCP con un clic
Haz clic en los botones de abajo para instalar MCP en el IDE o asistente que uses:
Nota: El servidor MCP remoto alojado (
mcp.browserstack.com) ahora es completamente sin estado mediante Streamable HTTP: cualquier cliente Streamable-HTTP (Claude, Cursor, VS Code, ChatGPT) se conecta sin necesidad de cambiar la configuración.
Kiro: hay un power de Kiro para este servidor en
integrations/kiro-power. En el IDE de Kiro, abre el panel Powers → Add Custom Power → Import power from GitHub e introducehttps://github.com/browserstack/mcp-server/tree/main/integrations/kiro-power, o clona este repositorio y usa Import power from a folder con ese directorio.
Requisitos previos
- Una cuenta de BrowserStack. Regístrate si no tienes una; los proyectos de código abierto pueden obtener un plan gratuito.
- Tu
usernameyaccess_keyen Account Settings.
Para la configuración manual en cualquier cliente MCP, consulta Instalar el servidor MCP localmente o Configurar el servidor MCP remoto.
Nota: Asegúrate de usar Node versión >= 22
- Comprueba tu versión de Node con
node --version. Versión recomendada:v22.15.0(LTS) - Para actualizar Node:
-
- En macOS
(Homebrew) - brew update && brew upgrade node or if using (nvm) - nvm install 22.15.0 && nvm use 22.15.0 && nvm alias default 22.15.0
- En macOS
-
- En Windows
(nvm-windows) : nvm install 22.15.0 && nvm use 22.15.0
- En Windows
- 👉 O descarga directamente el instalador LTS de Node.js
🪄 Configuración asistida por agentes
La mayoría de los agentes de IA pueden añadir el servidor MCP de BrowserStack, conectarse a él y guiarte durante el inicio de sesión sin configuración manual. Pega esta instrucción en tu agente:
Add the BrowserStack MCP server to this agent, following the setup guide at
https://www.browserstack.com/docs/browserstack-mcp-server/get-started/remote-mcp-server
and using the server URL https://mcp.browserstack.com/mcp. Once it is added, start the
BrowserStack sign-in flow so I can log in.
Para añadirlo tú mismo, usa el comando o menú de tu cliente:
| Cliente | Comando o configuración |
|---|---|
| Claude Code | claude mcp add --scope user --transport http browserstack https://mcp.browserstack.com/mcp, luego ejecuta /mcp en una sesión e inicia sesión |
| Claude Desktop / claude.ai | Settings → Connectors → Add custom connector, con la URL https://mcp.browserstack.com/mcp |
| ChatGPT | Instala el plugin de BrowserStack |
| Codex | codex mcp add browserstack --url https://mcp.browserstack.com/mcp, luego codex mcp login browserstack para iniciar sesión |
| VS Code / GitHub Copilot | code --add-mcp '{"name":"browserstack","type":"http","url":"https://mcp.browserstack.com/mcp"}', luego inicia el servidor desde la vista MCP e inicia sesión |
| Cursor | Añade "browserstack": { "url": "https://mcp.browserstack.com/mcp" } en mcpServers dentro de ~/.cursor/mcp.json, luego inicia sesión desde Cursor Settings → MCP |
| Cualquier otro cliente MCP | Indícale que se conecte a https://mcp.browserstack.com/mcp |
💡 Ejemplos de uso
📱 Pruebas manuales de aplicaciones
Prueba aplicaciones móviles en dispositivos reales con las versiones más recientes del sistema operativo. Reproduce errores y depura fallos sin complicaciones de configuración. A continuación, encontrarás algunos ejemplos de instrucciones para probar tus aplicaciones móviles en la amplia nube de dispositivos reales de BrowserStack
# Open app on specific device
"open my app on a iPhone 15 Pro Max"
# Debug app crashes
"My app crashed on Android 14 device, can you help me debug?"
- A diferencia de los emuladores, prueba el rendimiento de tu aplicación en condiciones reales y en dispositivos físicos. Con las avanzadas funciones de perfilado de aplicaciones, puedes depurar fallos y problemas de rendimiento en tiempo real.
- Accede a los principales dispositivos y versiones de sistemas operativos desde nuestra cuadrícula de dispositivos. Tenemos SLA estrictos para aprovisionar nuestros centros de datos globales con los dispositivos recién lanzados el día de lanzamiento.
🌐 Pruebas manuales web
Al igual que con las pruebas de aplicaciones, puedes usar las siguientes instrucciones para probar tus sitios web en la amplia nube de navegadores y dispositivos reales de BrowserStack. ¿No tienes instalado el navegador Edge en tu equipo? ¡No hay problema!
# Test your websites
"open my website hosted on localhost:3001 on Edge"
"open browserstack.com on latest version of Chrome"
- Prueba sitios web en distintos navegadores y dispositivos. Admitimos todos los principales navegadores en los principales sistemas operativos.
- Prueba sin problemas sitios web alojados localmente en tu equipo; ¡no hace falta implementarlos en un servidor remoto!
🧪 Pruebas automatizadas (Playwright, Selenium, A11y y más...)
Analiza, diagnostica e incluso corrige automáticamente scripts de prueba defectuosos directamente en tu IDE o LLM. Obtén registros al instante, identifica las causas raíz y aplica correcciones adaptadas al contexto. Se acabaron los ciclos de depuración. A continuación, encontrarás algunos ejemplos de instrucciones para ejecutar, depurar y corregir tus pruebas automatizadas en la plataforma de pruebas de BrowserStack.
Nota: Al solicitar un análisis de causa raíz (RCA) de una prueba, el servidor devuelve la corrección sugerida únicamente como propuesta. Nunca aplica cambios de código automáticamente: tu asistente debe presentar la sugerencia y esperar tu aprobación explícita antes de editar archivos.
#Port test suite to BrowserStack
"Setup test suite to run on BrowserStack infra"
#Run tests on BrowserStack
“Run my tests on BrowserStack”
#AI powered debugging of test failures
"My App Automate tests have failed, can you help me fix the new failures?"
- Corrige los fallos de prueba notificados por tu canalización de CI/CD utilizando nuestras funciones líderes del sector de observabilidad de pruebas. Encontrarás más información aquí.
- Ejecuta pruebas escritas con Jest, Playwright, Selenium y más en la plataforma de pruebas de BrowserStack.
🌐 Accesibilidad
Detecta pronto los problemas de accesibilidad con análisis a11y locales automatizados. Obtén correcciones sugeridas por IA con un solo clic. Sin tener que buscar documentación ni sorpresas en CI. Garantiza el cumplimiento de WCAG y ADA con nuestra herramienta de pruebas de accesibilidad.
#Scan accessibility issues while development
"Scan & help fix accessibility issues for my website running locally on localhost:3000"
#Scan accessibility issues on production site
“Run accessibility scan & identify issues on my website - www.bstackdemo.com”
📋 Gestión de pruebas
Crea y administra casos de prueba, crea planes de prueba e inicia ejecuciones de pruebas usando lenguaje natural. A continuación, encontrarás algunos ejemplos de instrucciones para aprovechar las capacidades de gestión de pruebas de BrowserStack con el servidor MCP.
# Create project & folder structure
"create new Test management project named My Demo Project with two sub folders - Login & Checkout"
# Add test cases
"add invalid login test case in Test Management project named My Demo Project"
# List added test cases
"list high priority Login test cases from Test Management project - My Demo Project"
# Create test run
"create a test run for Login tests from Test Management project - My Demo Project"
# Update test results
"update test results as passed for Login tests test run from My Demo Project"
⚡ Pruebas de carga
Ejecuta y analiza pruebas de carga a gran escala sin salir de tu IDE o chat: busca pruebas, inicia y detén ejecuciones, consulta informes e información de IA, compara ejecuciones y revisa tus horas de VU. Compatible con pruebas de carga de API (JMeter, k6, Gatling, Locust), de navegador (Playwright, Selenium, WebdriverIO, Nightwatch) e híbridas en Load Testing de BrowserStack. Estas se ejecutan mediante las herramientas principales.
# Find a test
"find my load test called checkout-api"
# Run it
"run checkout-api for 5 minutes with 100 virtual users"
# Check on it
"is my checkout-api run finished yet?"
# Read the results
"what was the p95 response time and error rate of the last checkout-api run?"
# Compare two runs of the same test
"did the latest checkout-api run regress compared with the previous one?"
# Check quota before a big run
"how many VU-hours do I have left, and what would a 30-minute run with 500 VUs cost?"
🧪 Accede a los agentes de IA de BrowserStack
Genera casos de prueba a partir de PRD, convierte pruebas manuales en automatización de bajo código y repara automáticamente scripts inestables con los agentes de IA de BrowserStack, integrados perfectamente en tu flujo de trabajo. A continuación, encontrarás algunos ejemplos de instrucciones para acceder a los agentes de IA de BrowserStack.
#Test case generator agent
"With Browserstack AI, create relevant test cases for my PRD located at /usr/file/location"
#Low code authoring agent
“With Browserstack AI, automate my manual test case X, added in Test Management”
#Self healing agent
“Help fix flaky tests in my test script with Browserstack AI self healing”
🧭 Herramientas principales
Cinco herramientas principales permiten que tu asistente de IA encuentre y ejecute cualquier flujo de trabajo de BrowserStack. Tu asistente carga al inicio de cada sesión todas las herramientas que expone un servidor MCP, por lo que una herramienta por flujo de trabajo llenaría la ventana de contexto y ralentizaría toda la sesión. En su lugar, tu asistente usa las herramientas principales para buscar en un catálogo de herramientas de BrowserStack en lenguaje natural y ejecutar la que necesita.
| Herramienta | Descripción |
|---|---|
listProducts | Enumera los productos de BrowserStack del catálogo, con un breve resumen de lo que ofrece cada producto |
describeEntity | Explica una entidad: sus alias, formato de ID, entidad principal y entidades relacionadas, y las capacidades que actúan sobre ella |
searchCapability | Encuentra las capacidades que coinciden con una solicitud en lenguaje natural, con todo lo que tu asistente necesita para ejecutar cada una |
describeCapability | Devuelve todos los detalles de una capacidad, como sus parámetros, cuerpo de solicitud y formato de respuesta |
invokeCapability | Ejecuta una capacidad y devuelve sin cambios la respuesta del producto. Los cambios en los datos requieren tu aprobación |
Consulta Herramientas principales para ver los parámetros y cómo se aprueban los cambios en los datos.
Todas las herramientas — Consulta docs/TOOLS.md para ver todas las herramientas organizadas por producto, o Herramientas y flujos de trabajo de BrowserStack MCP para conocer los flujos de trabajo de los productos.
Carga de archivos y aplicaciones: las herramientas que cargan un archivo o aplicación local (
uploadProductRequirementFile,takeAppScreenshot,runAppTestsOnBrowserStack,runAppLiveSession) requieren que la variable de entornoMCP_UPLOAD_BASE_DIResté configurada con un directorio que contenga esos archivos; las cargas están restringidas a ese directorio.
🚀 Servidor MCP remoto
MCP remoto ofrece todas las funcionalidades de un servidor MCP sin las complicaciones de una configuración compleja ni de una instalación local.
Ventajas principales:
-
✅ Funciona sin problemas en redes empresariales, sin preocuparse por cortafuegos, binarios o restricciones que impidan la instalación local.
-
✅ Integración segura con OAuth: no es necesario compartir contraseñas ni gestionar credenciales manualmente.
Limitaciones:
- ❌ No admite pruebas locales (no se pueden probar aplicaciones detrás de VPN, cortafuegos o en localhost). Si necesitas realizar pruebas locales, tendrás que usar un servidor MCP local de BrowserStack.
- ❌ La latencia puede ser ligeramente mayor, pero no de forma significativa: normalmente no lo notarás durante el uso habitual.
⚠️ Notas importantes
- El servidor MCP de BrowserStack está en desarrollo activo y actualmente admite un subconjunto de la especificación MCP. Pronto se añadirán más funciones.
- Las invocaciones de herramientas dependen del cliente MCP, que a su vez depende de un LLM; por ello, puede haber comportamientos no deterministas que produzcan resultados inesperados. Si tienes sugerencias o comentarios, abre una incidencia para comentarlos.
📝 Contribuciones
¡Agradecemos las contribuciones! Abre una incidencia para comentar cualquier cambio que quieras proponer. 👉 Haz clic aquí para consultar nuestras pautas de contribución
📞 Asistencia
Para obtener asistencia:
- Abre una incidencia en nuestro repositorio de GitHub si tienes algún problema relacionado con el servidor MCP.
- Ponte en contacto con nuestro equipo de asistencia para cualquier otra consulta.
- Envía un correo electrónico a support@browserstack.com.
- Política de privacidad: browserstack.com/privacy.
🚀 Próximamente, más funciones
¡Mantente al tanto de las novedades! ¿Tienes alguna sugerencia? Abre una incidencia para comentarla.