Serwery MCP: rozszerz możliwości Claude Code.

Model Context Protocol (MCP) to otwarty standard łączenia AI z zewnętrznymi systemami — bazami danych, API, przeglądarką, narzędziami zespołu. Opublikowany przez Anthropic pod koniec 2024 roku, dziś wspierany przez cały rynek: od Claude Code, przez narzędzia OpenAI i Google, po edytory kodu. Najkrócej: MCP jest dla AI tym, czym USB-C dla sprzętu — jeden port, do którego pasuje wszystko.

Zanim powstał, każda para „agent × narzędzie" wymagała osobnej integracji: inna dla przeglądarki, inna dla bazy, inna dla Jiry — i tak dla każdego agenta od nowa. MCP odwraca ten układ: narzędzie wystawia jeden serwer MCP, a korzysta z niego każdy zgodny klient. Piszesz raz, podłączasz wszędzie.

Jak to działa

Serwer MCP

Program-pomost przed konkretnym systemem: wystawia agentowi narzędzia (akcje do wykonania) i zasoby (dane do odczytu). Serwer bazy danych da narzędzia do zapytań, serwer przeglądarki — do klikania i czytania stron.

Klient

Aplikacja, w której pracuje agent: Claude Code, aplikacja desktopowa Claude, IDE. Klient łączy się z serwerami i udostępnia ich narzędzia modelowi.

Transport

Lokalnie serwer działa jako zwykły proces (stdio), zdalnie — po HTTP. Z perspektywy agenta nie ma różnicy: widzi po prostu listę narzędzi.

Co z tego masz w codziennej pracy:

• Rozszerzalność. Dodajesz agentowi nowe możliwości bez czekania na aktualizację samego narzędzia.
• Integracje. Łączysz go z systemami, na których naprawdę pracuje Twój zespół.
• Automatyzacja. Złożone przepływy — od projektu graficznego po wdrożenie — zamykasz w jednym poleceniu.
• Monitoring. Agent śledzi i debuguje aplikacje w czasie rzeczywistym, zamiast zgadywać z opisu.

Wymagania

• Node.js w aktualnej wersji LTS.
• Zainstalowany Google Chrome (wersja stable lub nowsza).
• Claude Code.

# weryfikacja wersji Node.js
node --version

Instalacja jako plugin (rekomendowana)

Główna ścieżka to plugin z marketplace — w pakiecie z serwerem MCP dostajesz Skills (umiejętności), których sama instalacja przez CLI nie dokłada. W Claude Code:

/plugin marketplace add ChromeDevTools/chrome-devtools-mcp
/plugin install chrome-devtools-mcp@chrome-devtools-plugins

Alternatywa: instalacja przez CLI

Sam serwer, bez Skills, dodasz też z terminala. Zamknij Claude Code i uruchom:

claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

Aby wyłączyć telemetrię, dołącz flagę serwera:

claude mcp add chrome-devtools --scope user -- npx chrome-devtools-mcp@latest --no-usage-statistics

Po instalacji uruchom Claude Code ponownie, aby serwer został wczytany. A jeśli później przejdziesz na plugin — najpierw usuń wpis z CLI, żeby konfiguracje się nie dublowały:

claude mcp remove chrome-devtools

Pierwsze zadania dla agenta

Serwer działa — sprawdź go na własnym projekcie. Dobre polecenia na start:

• „Przeanalizuj wydajność strony https://example.com".
• „Sprawdź błędy JavaScript i wygeneruj poprawki".
• „Przetestuj formularz kontaktowy".
• „Zrób screenshot responsywności na różnych urządzeniach".

Łańcuch serwerów — przykład z naszych wdrożeń

Prawdziwa siła MCP zaczyna się, gdy agent łączy kilka serwerów w jeden przepływ. Scenariusz, który pokazujemy zespołom przy augmentacji: agent czyta projekt graficzny z Figmy, pisze na jego podstawie komponent React, testuje go w przeglądarce przez Playwright, a wynik zapisuje w bazie danych. Programista tylko nadzoruje — formułuje cel i odbiera efekt. To ten sam mechanizm, który właśnie uruchomiłeś: jedna umowa między agentem a narzędziami, dowolnie składana w łańcuchy.