Powrót do: Playwright z AI

Konfiguracja MCP (Model Context Protocol) i Playwright MCP

🚨 UWAGA: Aktualna konfiguracja MCP w projekcie jest inna niż na nagraniu! 🚨

Aktualnie konfiguracja MCP w projekcie powinna być umieszczona w katalogu .vscode, w pliku mcp.json.

Zawartość pliku mcp.json może przyjąć postać:

{
  "servers": {
    "my-local-playwright-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": ["@playwright/mcp@latest"]
    }
  },
  "inputs": []
}

Prezentacja

Konfiguracja MCP (Model Context Protocol) i Playwright MCP
Konfiguracja MCP (Model Context Protocol) i Playwright MCP
Konfiguracja MCP (Model Context Protocol) i Playwright MCP
Konfiguracja MCP (Model Context Protocol) i Playwright MCP
Konfiguracja MCP (Model Context Protocol) i Playwright MCP
Konfiguracja MCP (Model Context Protocol) i Playwright MCP

Dodatkowe materiały

Konfiguracja VSCode z GitHub Copilot

Jak skonfigurować VSCode z GitHub Copilot?
Sprawdź rozdział: AI – wtyczki i pierwsze testy

Cały webinar
Dla posiadaczy Programy Playwright:
Webinar: Playwright z AI 2025 – od czego zacząć?

Dla pozostałych kursantów:
Webinar: Playwright z AI – od czego zacząć?

Dokumentacja MCP Playwright

Oficjalna dokumentacja MCP: https://github.com/microsoft/playwright-mcp

Polecenie przy dodawaniu serwera:

npx @playwright/mcp@latest

Uruchamianie samodzielne serwera:

npx @playwright/mcp@latest --port 8931

Potencjalne problemy

Brak dostępu do paczek w systemie 

sudo chown -R $(whoami) ~/.npm

Problemy z cache

npm cache clean --force

Zewnętrzne linki i zasoby

20 komentarzy

  1. Hej, Napotkał ktoś z was taki błąd?
    The command “npx” needed to run my-mcp-server-e70ca618 was not found.

    [info]Starting server from LocalProcess extension host
    [info] Connection state: Starting
    [info] Connection state: Error spawn npx ENOENT

    Avatar Łukasz Niestrój
    Odpowiedz

          1. póki co w .vscode/mcp.json miałem to:

            {
            “servers”: {
            “my-local-playwright-mcp”: {
            “type”: “stdio”,
            “command”: “npx”,
            “args”: [“@playwright/mcp@latest”]
            }
            },
            “inputs”: []
            }

            i działało, po aktualizacji macOS przestało prawdopodobnie

            Avatar Łukasz Niestrój
            Odpowiedz

            1. Hej Łukasz!
              Wracamy z propozycjami – jeśli dalej ten błąd występuje.
              Może być to probelm ze ścieżką do npx

              Trzeba zrobić kilka testów:

              which node
which npx
which npx

              Potem można sprawdzić czy konfig wstanie z zahardkodowanymi ścieżkami, np dla command czy PATH.

              {
  "servers": {
    "my-local-playwright-mcp": {
      "type": "stdio",
      "command": "/Users/TWOJ_LOGIN/.nvm/versions/node/v24.13.1/bin/node",
      "args": [
        "/Users/TWOJ_LOGIN/.nvm/versions/node/v24.13.1/bin/npx",
        "@playwright/mcp@latest"
      ],
      "env": {
        "PATH": "/Users/TWOJ_LOGIN/.nvm/versions/node/v24.13.1/bin:/usr/bin:/bin"
      }
    }
  },
  "inputs": []
}

              Mozna jeszcze zrobić testy na samodzielnym uruchomieniu MCP jak:

              npx @playwright/mcp@latest --port 8931

              i potem 

              {
  "servers": {
    "playwright": {
      "type": "http",
      "url": "http://localhost:8931/mcp"
    }
  },
  "inputs": []
}

              Daj znaka czy to rozwiązało twój problem.
              Pozdro!

              Przemek Przemek
              Odpowiedz

  2. Hej. U mnie taki problem że mam konfiguracje jak w opisie w pliku .vscode > mcp. json i jak odpalam serwer, to dostaje: [warning] 22 tools have invalid JSON schemas and will be omitted, – zrobiłem wszystkie sugestie copilota i dalej ten sam problem. To jakis znany issue czy jak zwykle problem tylko u mnie? 😉

    Avatar Dawid Pelka
    Odpowiedz

      1. {
        “servers”: {
        “my-local-playwright-mcp”: {
        “type”: “stdio”,
        “command”: “npx”,
        “args”: [“@playwright/mcp@latest”]
        }
        },
        “inputs”: []
        }

        A treść: MCP server `my-local-playwright-mcp` has tools with invalid parameters which will be omitted.

        No i mamy ‘Show” button, wtedy pokazuje nam plik z wszystkimi toolami o których mowa, np pierwszy z listy:

        Tool `browser_close` has invalid JSON parameters:
        – The schema uses meta-schema features ($dynamicRef) that are not yet supported by the validator. (at /$schema)
        – Schema: {“$schema”:”https://json-schema.org/draft/2020-12/schema”,”type”:”object”,”properties”:{},”additionalProperties”:false}

        Avatar Dawid Pelka
        Odpowiedz

        1. Hej. Już sobie poradziłem. Okazało się że miałem jakąś starą wersję VSC, gdyż aktualizacje nie działały od dawna, jakiś błąd się pojawiał ale to ignorowałem od dawna bo testy działały. Zrobiłem instalacje na nowo VSC i wszystko teraz śmiga. Jeszcze wcześniej pomogło też używanie wersji mcp 0.0.63 zamiast latest, no ale wiadomo że zawsze lepiej mieć wszystko aktualne 🙂

          Avatar Dawid Pelka
          Odpowiedz

  4. Dla innych uczestników

    Jeżeli wcześniej używaliście zainstalowanego pw-mcp w Windsurf lub Cursor to możecie dostawać jakieś errory w GH Copilot Chat że playwright-mcp server nie może wystartować .

    W praktyce ten pw-mcp z configu mcp.json normalnie startuje, nie mam żadnych mcp innych ustawionych – a okazuje się że chat czyta jakieś pw-mcp z Cursora i Windsurf.

    W moim przypadku w ścieżce C:\Users\acer musiałem usunąc pliki .windsurf oraz .cursor na którym były zaisntalowane playwright-mcp i problem zniknął.

    W sumie to nie do końca rozumiem z czego to wynika ale działa 😛 Swoją drogą turbo dziwne że są jakieś zależności i konflikty pomiędzy tymi IDE

    Avatar Łukasz Glegoła
    Odpowiedz

  5. Cześć ja miałem inny problem, serwer nie startował pomimo instalacji z zakładki w vscode oraz z aktualnym config który opisał Krzysztof. w Output kończyło się komunikatem [warning] [server stderr] Error: Cannot find module './lib/command.js' Dopiero jak sprawdziłem komendą npm list @playwright/mcp zobaczyłem wynik empty, Pomogła instalacja w konsoli npm install @playwright/mcp@latest Wszystko zaczęło działać 😉

    Avatar Andrzej S
    Odpowiedz

    1. update uruchomienie w konsoli npx @playwright/mcp@latest --port 8931 dało podobny bład jak wcześniej, pomogło usunięcie ręczne cache, pod taką ścieżką C:\Users\twoja nazwa użytkownika\AppData\Local\npm-cache

      Avatar Andrzej S
      Odpowiedz

      1. Hej Andrzej!
        Dzięki za info z tym cache, z pewnością warto czasem przeczyścić ten folder gdy nie ma jasnego rozwiązania z problemami z npm.

        Generalnie z MCP może wydarzyć się wiele dziwnych sytuacji ze względu na dynamikę zmian zarówno w serwerach jak i VSCode.

        Tutaj trzeba walczyć aż uda się uruchomić 😀

        Pozdro!

        Przemek Przemek
        Odpowiedz

  6. Dla innych uczestników.
    2025/07/31 – przy konfiguracji w settings.json dostaje informacje, że to nie jest właściwa lokalizacja tej konfiguracj. Na dzień dzisiejszy to mcp.json w tym samym katalogu

    Avatar Jakub Żelazkiewicz
    Odpowiedz

    1. Hej,
      Dzięki za zwrócenie na to uwagi!
      To pokazuje jak szybko MCP ewoluuje oraz że jeszcze to pełnej stabilności troche brakuje 😉
      Zaktualizowałem wiadomość pod nagraniem dla potomnych! 🙂

      Krzysiek Kijas Krzysiek Kijas
      Odpowiedz

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *