dev-browser

Skill do automatyzacji przeglądarki, który utrzymuje stan strony między wykonaniami skryptów. Pozwala na nawigację po witrynach, wypełnianie formularzy, robienie zrzutów ekranu, ekstrakcję danych z sieci, testowanie aplikacji webowych i automatyzację złożonych przepływów pracy. Pracuje w dwóch trybach: samodzielny (nowa przeglądarka Chromium) lub rozszerzenie (integracja z istniejącą sesją Chrome użytkownika). Idealny dla deweloperów, którzy chcą automatyzować powtarzające się zadania bez ręcznego klikania.

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.