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.
Playwright Browser Automation is a versatile skill designed to simplify and streamline browser-based testing and automation tasks. It provides a complete solution for interacting with websites programmatically using the Playwright framework. By automating browser actions, such as navigating pages, filling forms, taking screenshots, and validating user experiences, this skill addresses the common challenges developers and testers face in ensuring web application functionality and reliability. It eliminates the need for manual testing, reduces human error, and accelerates development workflows by providing an efficient and repeatable testing process.
The skill offers a range of powerful features that cover end-to-end browser automation. It can auto-detect development servers for localhost testing, generate clean and organized test scripts in temporary directories, and execute them in a visible browser by default. Users can easily parameterize URLs, test multiple viewports, check responsive design, validate login flows, and verify links or other web interactions. The skill ensures that test files do not clutter the project directory, with scripts written to `/tmp` and automatically cleaned by the operating system. Setup is straightforward, requiring a one-time installation of Playwright and the Chromium browser.
This skill is ideal for web developers, QA engineers, and automation testers who need to validate web functionality, automate repetitive browser tasks, or perform complex testing scenarios. It can be used for tasks ranging from basic page testing and screenshot capturing to comprehensive end-to-end testing of web applications. Whether for testing local development environments, external websites, or ensuring UX consistency across devices, Playwright Browser Automation enables users to perform reliable, repeatable, and efficient browser automation workflows.
Navigate to the skill directory and run `npm run setup`. This installs Playwright and the Chromium browser, which are required for all automation tasks. This setup only needs to be done once.
Yes. The skill automatically detects running development servers for localhost testing. If no server is found or if you want to test an external site, you can provide the URL manually.
No. It launches a visible browser (`headless: false`) by default for easier debugging, but headless mode can be enabled if requested.
Test scripts are always written to temporary files in `/tmp` (e.g., `/tmp/playwright-test-*.js`) to avoid cluttering the skill or project directories. They are executed from the skill directory using Node.js.
You can automate any browser-based tasks, including navigating pages, filling out forms, taking screenshots, checking responsive design, validating UX, testing login flows, and verifying links or other web interactions.
Quick Setup:
.claude/skills/Repository
Microck/ordinary-claude-skills