Playwright

Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts, tests pages, fills forms, takes screenshots, checks responsive design, validates UX, tests login flows, and automates any browser task.

Download this Skill

npx degit LangbaseInc/agent-skills/playwright-skill my-playwright

Key Features

Auto-detect Dev Servers - Finds running development servers
Clean Test Scripts - Generates readable, maintainable tests
Page Testing - Validates page functionality
Form Automation - Fills and submits forms
Screenshots - Captures page states
Responsive Design - Tests across viewports
UX Validation - Checks user experience
Login Flows - Tests authentication

Capabilities

Testing

End-to-end test automation
Component testing
Visual regression testing
Accessibility testing
Performance testing

Automation

Form filling and submission
Navigation and clicking
Data extraction
File uploads/downloads
Cookie and storage management

Validation

Element assertions
Text content verification
Visual comparisons
Network request monitoring
Console log checking

Browser Support

Chromium - Chrome, Edge
Firefox - Full support
WebKit - Safari engine

Use Cases

Automated testing
Web scraping
UI testing
Regression testing
Smoke testing
Screenshot generation
Form automation
Login flow testing

Test Structure

test('example test', async ({ page }) => {
  await page.goto('https://example.com');
  await page.click('button');
  await expect(page.locator('h1')).toBeVisible();
});

Best Practices

Use data-testid attributes
Wait for elements properly
Use Page Object Model
Keep tests independent
Clean up after tests
Use fixtures for setup
Take screenshots on failure

Skills