Playwright (Automation + MCP + Scraper)

• JS-gerenderde pagina's — de inhoud die je nodig hebt bestaat pas nadat JavaScript is uitgevoerd (SPA's, dynamische tabellen, lazy-loaded data).
• Meerstaps browserworkflows — formulieren, inlogflows, bestand uploaden/downloaden, of navigatiereeksen die afhankelijk zijn van echte browsergebeurtenissen en DOM-status.
• Screenshots, PDF's en visuele bewijsregistratie — je hebt pixelnauwkeurige uitvoer nodig van een gerenderde pagina, niet ruwe HTML.
• Playwright testontwerp en -foutopsporing — het schrijven, uitvoeren of repareren van een @playwright/test-suite, het opsporen van CI-flakes, of het reproduceren van UI-bugs in headed-modus.
• MCP-gestuurde browserbesturing — de agent heeft al browser_*-tools in de loop en je wilt navigeer-klik-invul-screenshot-workflows uitvoeren zonder nieuwe automatiseringscode te schrijven.

• Statische HTML of eenvoudige HTTP-responses zijn voldoende — een gewone fetch of HTTP-skill is sneller, goedkoper en minder foutgevoelig wanneer de pagina geen JavaScript-rendering vereist.
• Puur API-taken — als de doelservice een gedocumenteerde API heeft, is deze direct aanroepen betrouwbaarder dan een browser aansturen.
• Extractie is het enige doel en een niet-browserpad werkt — geef de voorkeur aan gedocumenteerde API's of gewone HTTP boven het opstarten van een volledige browser alleen om te scrapen.

Voer npx @playwright/mcp --headless uit om browser_navigate, browser_click, browser_type, browser_snapshot en meer beschikbaar te maken als eersteklas toolacties. Dit pad vereist geen nieuwe automatiseringscode — de agent bestuurt de browser rechtstreeks via MCP-toolaanroepen.

Schrijf en voer directe Playwright-scripts uit (chromium.launch, page.goto, page.screenshot) of volledige @playwright/test-suites met npx playwright test. Ondersteunt headed-uitvoeringen, trace-opname, herhaalpogingen en parallelle workers zonder extra configuratie.

Gebruik npx playwright codegen <url> om interacties op te nemen en stabiele locators te genereren. Dit elimineert het gokken van selectors op basis van broncode en produceert op rol-, label- en tekst-gebaseerde locators die kleine DOM-wijzigingen overleven.

Maak volledige paginaschermafbeeldingen, genereer PDF's, registreer uitvoeringstracés en download bestanden — allemaal via MCP-toolacties of directe Playwright (Automation + MCP + Scraper) API-aanroepen. Artefacten blijven lokaal in de werkruimte of de tijdelijke systeemmap.

De skill hanteert rol-, label-, tekst- en test-ID-selectors boven fragiele CSS/XPath, en web-first asserties boven onbewerkte opdrachtcontroles. Ingebouwde begeleiding bij actieerbaarheidswachttijden voorkomt instabiele sleep-gebaseerde timingoplossingen.

Geen verborgen bestanden, permanente sessies of niet-gedeclareerde netwerkaanroepen. De authenticatiestatus is tijdelijk, tenzij expliciet hergebruikt. Kritieke productieprocessen vereisen expliciete bevestiging van de gebruiker voordat er wordt doorgegaan.

Voer een bestaande @playwright/test-suite uit en breid deze uit tegen een lokale of staging-app. Gebruik npx playwright test --trace on om artefacten vast te leggen bij CI-fouten, en diagnosticeer instabiliteit vervolgens met de trace-viewer en herhaalde runs in headed-modus.

Laat een agent een site navigeren, een meerstappenformulier invullen en een screenshot maken — allemaal via browser_navigate, browser_type, browser_click, en browser_snapshot MCP-acties — zonder één enkele regel Playwright (Automation + MCP + Scraper)-script te schrijven.

Navigeer naar een JS-gerenderde pagina, wacht tot de DOM is gestabiliseerd en gebruik vervolgens browser_evaluate of een direct Playwright-script om gestructureerde gegevens te extraheren. Ideaal wanneer het doel geen API heeft en de inhoud pas verschijnt nadat JavaScript is uitgevoerd.

Reproduceer een gerapporteerde UI-regressie in headed-modus met npx playwright test --headed, leg een trace vast met --trace on, en inspecteer netwerk-, console- en DOM-snapshots om de hoofdoorzaak te isoleren voordat je een oplossing schrijft.