Ayuda a tu agente a compilar, depurar y verificar tu código correctamente. Con las Herramientas para desarrolladores de Chrome para agentes, tu agente de IA puede interactuar con el navegador Chrome para probar código, emular usuarios y detectar errores con las capacidades de las Herramientas para desarrolladores de Chrome antes del lanzamiento.
Comenzar Ver en GitHub

Instalar ahora

Consulta todas las opciones de instalación en GitHub

Las Herramientas para desarrolladores de Chrome para agentes vienen precompiladas con Antigravity 2.0. Puedes comenzar a usarlas de inmediato con el agente secundario del navegador. Intenta usar un comando de barra, como el siguiente:

/browser Navigate to the Google homepage

Para acceder a las habilidades especializadas del agente, instala el complemento de las Herramientas para desarrolladores durante el paso Compila con Google de la configuración inicial o en la configuración de la aplicación.

  # Install as a Gemini extension (MCP+Skills):
  gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
 
  # Install as a plugin (MCP+Skills)
  # Add the marketplace registry:
  /plugin marketplace add ChromeDevTools/chrome-devtools-mcp
  # Install
  /plugin install chrome-devtools-mcp@chrome-devtools-plugins
 
  codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

Si usas otro agente de codificación, como Copilot o OpenCode, sigue las instrucciones en nuestro repositorio de GitHub.

¿Qué puede hacer tu agente?

Otorga a tu agente la capacidad de interactuar con el navegador web.

Prueba diseños responsivos, diferentes ubicaciones geográficas y flujos de usuarios reales. Obtén más información.
Conéctate a tu sesión activa de Chrome para inspeccionar, pausar y solucionar problemas en tiempo real. Obtén más información.
Ejecuta auditorías de accesibilidad, SEO y rendimiento para proporcionar listas de tareas prácticas antes de enviar el código a producción. Obtén más información.

Instrucciones que generan mejores experiencias del usuario

Dale a tu agente de IA la capacidad de navegar por sitios web, interactuar con botones, explorar páginas y ejecutar auditorías de accesibilidad instantáneas, todo a través de una instancia de navegador administrado. 
Go to developer.chrome.com on mobile, click the burger menu, and check for top-level navigation items.
 
Go to https://chrome.dev/devtools-store-locator. Simulate your location is Berlin and check if the store locator shows the Rosenthaler Strasse branch.
 
Run a Lighthouse accessibility audit and suggest fixes for any low-contrast elements.
 
Perform an SEO audit and verify all images have descriptive alt text.
Aprende a configurar las Herramientas para desarrolladores de Chrome para agentes y observa cómo los agentes depuran y verifican de forma autónoma. En este video, se explica la instalación, el handshake y el uso de la CLI para acciones por lotes.