What problem does it solve? Manually inspecting web app UIs and writing selectors for browser automation is slow and error-prone. This Skill connects to a running web application through Playwright, reads the live DOM, and executes natural language actions like clicking buttons or filling forms without writing test code first. ## Core Features & Use Cases - Pre-Flight Verification: Detects Node.js 18+, Playwright, Chromium, and system dependencies, then auto-installs missing components with user confirmation for package installs. - DOM Reading: Extracts visible text, interactive elements, heading/landmark layout, computed styles, and data-testid attributes from the live page. - Natural Language Interaction: Resolves plain-language element descriptions using a priority strategy (data-testid > ARIA role > visible text > CSS) and executes click, fill, type, goto, goBack, and waitForSelector actions. - Session Management: Persists background browser sessions via file-based IPC, runs health checks, and recovers from crashes, timeouts, and orphaned processes. - Use Case: Start your dev server, then ask the assistant to explore the login page, click the submit button, and report what interactive elements and test IDs exist on the page. ## Quick Start Ask the assistant to connect to your running app at localhost:3000 with Playwright and list all interactive elements on the page.
