playwright-browser-automation
Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use when user wants to test
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use when user wants to test websites, automate browser interactions, validate web functionality, or perform any browser-based testing.
How to use
Zainstaluj umiejętność w wybranej lokalizacji — system wtyczek (
/.claude/plugins/marketplaces/playwright-skill), instalacja globalna (/.claude/skills/playwright-skill) lub katalog projektu. Zapamiętaj ścieżkę instalacji, będzie potrzebna jako $SKILL_DIR.Przed każdym testem uruchom automatyczne wykrycie serwera deweloperskiego. Przejdź do katalogu umiejętności i wykonaj polecenie node, które skanuje dostępne serwery localhost. Jeśli znaleziony zostanie jeden serwer, będzie użyty automatycznie. Jeśli wiele — wybierz który testować. Jeśli żaden — podaj adres URL strony lub poproś o pomoc w uruchomieniu serwera.
Opisz zadanie testowe, które chcesz wykonać — na przykład "przetestuj formularz logowania", "sprawdź responsywność na urządzeniach mobilnych", "zweryfikuj wszystkie linki na stronie" lub "zautomatyzuj wypełnianie formularza". Umiejętność napisze dedykowany kod Playwright dostosowany do Twojego żądania.
Skrypty testowe będą zawsze zapisywane w katalogu /tmp z nazwą /tmp/playwright-test-*.js — nigdy nie są umieszczane w katalogu umiejętności. Dzięki temu Twoje testy pozostają oddzielone od kodu umiejętności.
Domyślnie przeglądarki uruchamiają się w trybie widocznym (headless: false), aby widzieć interakcje w czasie rzeczywistym. Jeśli wolisz tryb headless bez interfejsu graficznego, wyraźnie o to poproś.
Po wykonaniu skryptu przejrzyj wyniki — zrzuty ekranu, raporty testowe i komunikaty o błędach. Możesz modyfikować parametry (adresy URL, selektory, kroki) i ponownie uruchamiać testy bez ograniczeń.