browser-tools

Zestaw narzędzi do automatyzacji Chrome'a, który pozwala na uruchamianie sesji przeglądarki, nawigację po stronach, przechwytywanie zrzutów ekranu i wykonywanie kodu JavaScript. Wszystkie komendy zwracają wyniki w formacie JSON, wspierają wspólną konfigurację (port, host, timeout) i pracują z protokołem DevTools. Idealny dla deweloperów, którzy chcą zautomatyzować testy, scrapowanie czy interakcje z interfejsem użytkownika.

1. Zainstaluj skill w swoim środowisku Claude/Copilot, klonując repozytorium z GitHub (https://github.com/Whamp/whamp-claude-tools/tree/main/browser-tools-plugin/skills/browser-tools) lub dodając go do katalogu skills swojego agenta.

2. Uruchom Chrome z obsługą zdalnego debugowania, używając komendy start.js z flagą --profile, jeśli chcesz załadować istniejący profil użytkownika. Komenda zwróci numer portu (domyślnie 9222) i ścieżkę do katalogu danych użytkownika.

3. Otwórz stronę internetową za pomocą navigate.js, podając URL i opcjonalnie flagę --wait (np. domcontentloaded lub networkidle0), aby czekać na załadowanie strony przed kontynuacją.

4. Przechwytuj zrzuty ekranu całej strony lub wybranych elementów, używając screenshot.js z flagą --element do wskazania selektora CSS oraz --out do określenia ścieżki zapisu.

5. Wykonaj kod JavaScript w kontekście strony za pomocą evaluate.js, przekazując wyrażenie lub ścieżkę do pliku z kodem; wynik zostanie zwrócony jako JSON.

6. Po zakończeniu pracy zamknij sesję Chrome, używając close.js z flagą --force, jeśli chcesz natychmiastowe zamknięcie bez czekania na graceful shutdown.