Toolverse
Wszystkie skille

browser-setup-devtools

autor: different-ai

Skonfiguruj automatyzację przeglądarki Chrome za pomocą DevTools MCP

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
Frontend
Wyświetlenia
23

O skillu

Umiejętność, która przeprowadzi Cię przez konfigurację automatyzacji przeglądarki. Najpierw próbuje nawiązać połączenie z Chrome DevTools MCP — najszybszą ścieżką do sterowania przeglądarką. Jeśli to nie zadziała, przechodzi na rozszerzenie OpenCode jako plan awaryjny. Użyj jej, gdy chcesz skonfigurować automatyzację przeglądarki, Chrome DevTools MCP, rozszerzenie przeglądarki lub uruchomisz komendę browser-setup.

Jak używać

  1. Uruchom umiejętność, wpisując komendę browser-setup lub pytając o konfigurację automatyzacji przeglądarki. Umiejętność najpierw sprawdzi, czy masz zainstalowaną przeglądarkę Chrome na komputerze.

  2. Jeśli Chrome nie jest zainstalowany, umiejętność oferuje otwarcie strony pobierania i przeprowadzi Cię przez instalację. Jeśli już masz Chrome, przejdź do następnego kroku.

  3. Umiejętność sprawdzi dostępność Chrome DevTools MCP, próbując połączyć się z otwartymi kartami w przeglądarce. Jeśli znajdzie istniejące karty, wybierze jedną z nich. Jeśli żadnych nie ma, automatycznie utworzy nową kartę z example.com.

  4. Jeśli DevTools MCP nie zadziała, umiejętność poprosi Cię o otwarcie Chrome i utrzymanie go w tle, a następnie spróbuje ponownie. Jeśli problem będzie się utrzymywać, sprawdzi konfigurację opencode.jsonc i poprosi o restart OpenWork.

  5. Gdy DevTools MCP będzie gotowy, umiejętność zaproponuje Ci pierwszą czynność, na przykład otwarcie strony internetowej. Potwierdź, a ona nawiguje do podanego adresu URL za pomocą Chrome DevTools MCP.

  6. Jeśli DevTools MCP nie będzie dostępny, umiejętność przejdzie na rozszerzenie OpenCode jako plan awaryjny, instalując je automatycznie i otwierając stronę rozszerzeń Chrome, aby je włączyć.

Podobne skille