Za darmo Darmowy katalog: testujemy my, tworzą inni
Konektory (serwery MCP)
Konektory dają asystentowi nowe zmysły: Twoje pliki, internet, Twoje narzędzia. Konektor łączy go z innym programem lub usługą, na przykład z przeglądarką albo GitHubem. Konektory używają otwartego standardu MCP, więc nazywa się je też serwerami MCP. Niektóre wymagają konta lub klucza. Strona każdego z nich o tym informuje.
Zacznij tutaj: konektory dla web developerów
Nasze niezbędniki, od najbardziej przydatnych. Zainstaluj pierwszy, wypróbuj go, potem dodaj kolejne.
Zacznij od tego
Sterowanie przeglądarką
Playwright MCP
Pozwala Twojemu asystentowi otwierać strony internetowe, klikać i pisać tak jak Ty.
Test: instaluje się bez problemów, ale główne funkcje wymagają konta, którego nie użyliśmy. Jeszcze nieużywane w prawdziwej pracy.
Dla kogoWeb developerzy, Zbuduj aplikację, Praca i badaniaUwagaAsystent steruje prawdziwą przeglądarką i może otworzyć dowolny adres internetowy, wypełniać formularze i klikać przyciski. Nie kieruj go na strony, na których jedno kliknięcie może kosztować pieniądze lub wysłać wiadomości.
Dla: Claude Code Działa też z: Codex CLI i Gemini CLI — zobacz wszystkie krokiWklej to do terminala claude mcp add playwright npx @playwright/mcp@latest
Aktualna dokumentacja bibliotek kodu
Context7
Daje Twojemu asystentowi aktualną dokumentację bibliotek kodu, żeby nie używał starych komend.
Komenda instalacji
Wklej to do terminala npx ctx7 setupDla każdego asystenta. Wszystkie kroki i jak to testowaliśmy
Sprawdź swoją stronę w Chrome
Chrome DevTools MCP
Pozwala Twojemu asystentowi otworzyć Twoją stronę w Chrome, odczytać jej błędy i sprawdzić jej szybkość.
Komenda instalacji
Wklej to do terminala claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latestDla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Praca z projektami na GitHubie
GitHub MCP Server
Pozwala Twojemu asystentowi pracować z Twoimi projektami, zgłoszeniami i pull requestami na GitHubie.
Komenda instalacji
Wklej to do terminala claude mcp add github -e GITHUB_PERSONAL_ACCESS_TOKEN=$GITHUB_PAT -- docker run -i --rm -e GITHUB_PERSONAL_ACCESS_TOKEN ghcr.io/github/ github-mcp-server Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Pasujących do filtrów: 5 konektorów
Wszystkie konektory
Pasujących do filtrów: 5 konektorów.
Sterowanie przeglądarką
Playwright MCP
Pozwala Twojemu asystentowi otwierać strony internetowe, klikać i pisać tak jak Ty.
Komenda instalacji
Wklej to do terminala claude mcp add playwright npx @playwright/mcp@latest Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Aktualna dokumentacja bibliotek kodu
Context7
Daje Twojemu asystentowi aktualną dokumentację bibliotek kodu, żeby nie używał starych komend.
Komenda instalacji
Wklej to do terminala npx ctx7 setupDla każdego asystenta. Wszystkie kroki i jak to testowaliśmy
Sprawdź swoją stronę w Chrome
Chrome DevTools MCP
Pozwala Twojemu asystentowi otworzyć Twoją stronę w Chrome, odczytać jej błędy i sprawdzić jej szybkość.
Komenda instalacji
Wklej to do terminala claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latestDla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Praca z projektami na GitHubie
GitHub MCP Server
Pozwala Twojemu asystentowi pracować z Twoimi projektami, zgłoszeniami i pull requestami na GitHubie.
Komenda instalacji
Wklej to do terminala claude mcp add github -e GITHUB_PERSONAL_ACCESS_TOKEN=$GITHUB_PAT -- docker run -i --rm -e GITHUB_PERSONAL_ACCESS_TOKEN ghcr.io/github/ github-mcp-server Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Wyszukiwanie w dokumentacji Cloudflare
Cloudflare MCP servers
Pozwala Twojemu asystentowi sprawdzać oficjalną dokumentację Cloudflare zamiast zgadywać.
Komenda instalacji
Wklej to do terminala claude mcp add --transport http cloudflare-docs https:// docs.mcp.cloudflare.com/ mcp Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Wszystkie niezbędniki dla web developerów: umiejętności, agenci i konektory