playwright-skill

What it does

This skill provides complete browser automation using the Playwright framework. It can automatically detect development servers, generate clean test scripts directly to /tmp, and perform actions like filling out forms, taking screenshots, checking responsive designs, validating user experience (UX), and testing login flows. The tool aims to streamline web application testing through automated browser interactions.

When to use it

• Automated Regression Testing: Regularly verify that changes haven't introduced regressions in your web application’s functionality.
• Responsive Design Validation: Ensure your website displays correctly across different screen sizes and devices without manual checking.
• UX Verification: Automate checks for key user experience elements, such as form submission or navigation flow.
• Development Server Testing: Quickly test changes made to a development server without needing to manually deploy code.

Key capabilities

• Auto-detection of development servers
• Generation of clean Playwright test scripts
• Screenshot capture during testing
• Responsive design checks
• UX validation
• Login flow testing
• Form filling automation

Example prompts

• "Test the login flow on my dev server."
• "Take a screenshot of the homepage at 1920x1080 resolution and save it to /tmp."
• "Fill out this form with these values: [form data]"

Tips & gotchas

• The generated test scripts are written directly to /tmp. Ensure you have write permissions to that directory.
• Playwright's configuration may require adjustments depending on the specific web application being tested.