dev-browser

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include \

1. Uruchom serwer dev-browser w trybie samodzielnym, wykonując komendę ./skills/dev-browser/server.sh u0026. Czekaj na komunikat "Ready" — oznacza to, że przeglądarka jest gotowa do pracy. Jeśli chcesz pracować w tle bez widocznego okna, dodaj flagę --headless.
2. Opisz zadanie, które chcesz zautomatyzować: nawigacja do adresu URL, kliknięcie na element, wypełnienie formularza, zrobienie zrzutu ekranu lub ekstrakcja danych. Skill automatycznie rozpozna żądania zawierające frazy takie jak "przejdź do", "kliknij na", "wypełnij formularz", "zrób zrzut", "zaloguj się" lub inne interakcje z przeglądarką.
3. Dla stron, których kod źródłowy znasz, przekaż selektory CSS bezpośrednio. Dla nieznanych układów stron użyj funkcji getAISnapshot() do odkrycia elementów na stronie, a następnie selectSnapshotRef() do interakcji z nimi.
4. Jeśli potrzebujesz pracować w już zalogowanej sesji przeglądarki użytkownika, uruchom tryb rozszerzenia: cd skills/dev-browser u0026u0026 npm i u0026u0026 npm run start-extension u0026. Czekaj na komunikat "Waiting for extension to connect...".
5. Napisz małe, skupione skrypty do wykonania zadań krok po kroku. Po udowodnieniu części przepływu pracy, jeśli pojawi się powtarzająca się praca, napisz skrypt do jej automatyzacji w jednym wykonaniu.
6. Używaj zrzutów ekranu, aby zobaczyć to, co widzi użytkownik, i potwierdzić, że automatyzacja przebiega prawidłowo.