Udostępnij możliwości Narzędzi deweloperskich swojemu agentowi kodowania za pomocą serwera MCP Narzędzi deweloperskich lub jego specjalistycznego interfejsu wiersza poleceń i umiejętności.

Więcej informacji znajdziesz na GitHubie
Narzędzia deweloperskie w Chrome działają z każdym agentem obsługującym serwery MCP: interfejsem wiersza poleceń Gemini, Antigravity, Claude Code, Codex i innymi. Użyj serwera MCP, aby informować agenta o możliwościach Narzędzi deweloperskich w każdej sesji.
Alternatywą dla serwera MCP, która jest bardziej wydajna pod względem tokenów, jest interfejs wiersza poleceń Narzędzi deweloperskich w Chrome. Pakiet serwera MCP Narzędzi deweloperskich w Chrome zawiera specjalistyczną umiejętność, która uczy agenta kodowania, jak pisać skrypty, korzystając z tych samych zaawansowanych narzędzi co serwer MCP.

Zainstaluj teraz

Serwer MCP i interfejs CLI są częścią tego samego pakietu. Pobierz je dla wybranego agenta do kodowania. Poniżej znajdziesz instrukcje dotyczące najpopularniejszych agentów, a na GitHubie – instrukcje dotyczące ponad 20 agentów.

  # 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

Po zainstalowaniu serwera MCP Narzędzi deweloperskich lub interfejsu wiersza poleceń wypróbuj kilka promptów, aby zacząć. Poproś o audyt Lighthouse, wypełnienie formularza lub zrzut ekranu – wszystko to możesz zrobić za pomocą agenta. Aby zobaczyć wszystkie te funkcje w działaniu, wypróbuj na przykład ten prompt:

  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.

Ten prompt korzysta z narzędzi do tworzenia nowej strony, interakcji z paskiem wyszukiwania i przeprowadzania śledzenia wydajności, w tym danych CrUX.


Zobacz wszystkie dostępne narzędzia