Toolverse
Wszystkie skille

browser

autor: cexll

Automatyzuj przeglądarkę Chrome bez dodatkowych serwerów — steruj nawigacją, wykonuj skrypty i zbieraj dane.

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Autor
cexll
Kategoria
Frontend
Wyświetlenia
37

O skillu

Umiejętność do automatyzacji zadań w przeglądarce Chrome za pomocą Chrome DevTools Protocol. Uruchamiaj Chrome z debugowaniem zdalnym, nawiguj po stronach, wykonuj JavaScript w kontekście przeglądarki, przechwytuj zrzuty ekranu i interaktywnie wybieraj elementy DOM. Nie wymaga konfiguracji serwera MCP — wszystkie operacje działają lokalnie na Twojej maszynie, a dane nigdy nie opuszczają komputera.

Jak używać

  1. Zainstaluj zależności przed pierwszym użyciem, uruchamiając polecenie npm install z flagą --prefix wskazującą na katalog umiejętności browser w folderze .claude/skills.

  2. Uruchom Chrome z debugowaniem zdalnym, używając skryptu start.js. Jeśli chcesz zachować ciasteczka i dane logowania między sesjami, dodaj flagę --profile, aby Chrome używał trwałego profilu.

  3. Nawiguj do wybranej strony internetowej za pomocą skryptu nav.js, podając adres URL. Możesz otworzyć stronę w bieżącej karcie lub dodać flagę --new, aby otworzyć nową kartę.

  4. Wykonaj kod JavaScript w kontekście przeglądarki za pomocą skryptu eval.js, przekazując wyrażenie lub funkcję natychmiast wywoływaną (IIFE). Skrypt zwróci wynik w formacie JSON.

  5. Przechwytuj zrzuty ekranu aktualnego stanu strony za pomocą skryptu screenshot.js, który zapisze obraz PNG w katalogu tymczasowym i zwróci ścieżkę pliku.

  6. Interaktywnie wybieraj elementy DOM za pomocą skryptu pick.js, opisując element w naturalnym języku (np. "Kliknij przycisk wyślij"). Skrypt zwróci metadane elementu: tag HTML, identyfikator, klasy CSS, tekst, href, selektor i współrzędne na ekranie.

Podobne skille