Dale el poder de las Herramientas para desarrolladores a tu agente de programación a través del servidor de MCP de DevTools o su CLI y habilidades especializadas.

Más información en GitHub
Las Herramientas para desarrolladores de Chrome funcionan con todos los agentes que admiten servidores de MCP: Gemini CLI, Antigravity, Claude Code, Codex y muchos más. Usa el servidor de MCP para que tu agente conozca las capacidades de DevTools en cada sesión.
Como alternativa más eficiente en cuanto a tokens que el servidor de MCP, puedes usar la CLI de las Herramientas para desarrolladores de Chrome. El paquete del servidor de MCP de Herramientas para desarrolladores de Chrome incluye una habilidad especializada que le enseña a tu agente de codificación a escribir secuencias de comandos con las mismas herramientas potentes que el servidor de MCP.

Instalar ahora

Tanto el servidor de MCP como la CLI forman parte del mismo paquete. Obténlos para el agente de codificación que prefieras. A continuación, encontrarás instrucciones para los agentes más populares y para más de 20 agentes en GitHub.

  # Either MCP only:
  gemini mcp add chrome-devtools npx chrome-devtools-mcp@latest
  # Or as a Gemini extension (MCP+Skills):
  gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
 
  # Either MCP only:
  claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
  # Or as a plugin (MCP+Skills):
  /plugin marketplace add ChromeDevTools/chrome-devtools-mcp
  /plugin install chrome-devtools-mcp
 
  codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

Una vez que hayas instalado el servidor o la CLI de MCP de DevTools, prueba algunas instrucciones para comenzar. Solicitar una auditoría de Lighthouse, completar un formulario o pedir una captura de pantalla, todo desde tu agente Para ver todas esas capacidades en acción, por ejemplo, prueba la siguiente instrucción:

  Visit developer.chrome.com and run a search for "devtools",
  while recording a performance trace.
  Let me know how I can improve the website's performance.

Esta instrucción usa herramientas para crear una página nueva, interactuar con la barra de búsqueda y ejecutar un registro de rendimiento, incluidos los datos de CrUX.


Ver todas las herramientas disponibles