playwright-skill

Automate Playwright browser tests with auto-detected dev servers and temporary scripts.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/yousufjoyian/claude-skills --skill playwright-skill-yousufjoyian
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-skill
Source: https://github.com/yousufjoyian/claude-skills/tree/main/playwright-skill
Command: npx skills add https://github.com/yousufjoyian/claude-skills --skill playwright-skill-yousufjoyian

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Playwright skill provides automated browser testing capabilities, auto-detecting dev servers, and generating temporary test scripts to /tmp, reducing manual setup and improving test repeatability.

Core Features & Use Cases

  • Auto-detect local dev servers and select the correct URL for testing.
  • Write tests to /tmp/playwright-test-*.js and execute via the universal run.js executor.
  • Validate pages across viewports, fill forms, take screenshots, and test login flows.

Quick Start

  • Install and setup the skill: cd $SKILL_DIR && npm run setup
  • Detect dev servers: cd $SKILL_DIR && node -e "require('./lib/helpers').detectDevServers().then(s => console.log(JSON.stringify(s)))"
  • Run a test script: cd $SKILL_DIR && node run.js /tmp/playwright-test-*.js

Frequently Asked Questions about playwright-skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate browser testing with Playwright?

Playwright automates browser testing by writing test scripts that control a real browser instance. You define actions like clicking, filling forms, and taking screenshots, then execute the scripts to validate page behavior across different viewports and scenarios.

Can Playwright detect my local dev server automatically?

Yes, Playwright can auto-detect local dev servers running on standard ports. The skill identifies the correct URL automatically, eliminating manual server configuration and reducing setup time before running tests.

How do I test responsive design with Playwright?

Playwright tests responsive design by running the same test script across multiple viewport sizes and device configurations. You define viewports in your test, capture screenshots at each size, and verify layout consistency across browsers.

What setup do I need to run Playwright tests?

You need Node.js, npm, and Playwright installed as a dependency. The skill provides automated setup via npm run setup, then generates temporary test scripts and executes them through a universal runner with real-time result reporting.

Can I take screenshots during Playwright browser tests?

Yes, Playwright captures screenshots at any point in your test script. This is useful for visual validation, documenting test state, and comparing layouts across different browsers or viewport sizes.

Does Playwright work for testing login flows?

Yes, Playwright automates login flow testing by filling form fields, clicking buttons, and validating page state after authentication. You can test multi-step login scenarios, error handling, and session persistence across test runs.