browser
This skill should be used for browser automation tasks using Chrome DevTools Protocol (CDP). Triggers when users need to launch Chrome with remote debugging, navigate pages, execute JavaScript in browser context, capture screenshots, or interactively select DOM elements. No MCP
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
This skill should be used for browser automation tasks using Chrome DevTools Protocol (CDP). Triggers when users need to launch Chrome with remote debugging, navigate pages, execute JavaScript in browser context, capture screenshots, or interactively select DOM elements. No MCP server required.
How to use
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.
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.
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ę.
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.
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.
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.