skills.rest
joshuaalpuerto
joshuaalpuertoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

playwright-skill

Automate browser interactions and testing for web applications using Playwright.

1|2|Updated Apr 2, 2023
Search Tags:#playwright#web-testing#browser#automate#dev-server-detection#testing-framework#qa-automation
One-click install
npx skills add https://github.com/joshuaalpuerto/ML-guide --skill playwright-skill-joshuaalpuerto
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-skill
Source: https://github.com/joshuaalpuerto/ML-guide/tree/main/career-coach/.github/skills/playwright-skill
Command: npx skills add https://github.com/joshuaalpuerto/ML-guide --skill playwright-skill-joshuaalpuerto

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automating browser tasks and QA checks can be slow and error-prone; this Skill provides reliable Playwright-driven automation to test web pages, forms, and user flows.

Core Features & Use Cases

  • Auto-detects running dev servers and selects the active URL for testing.
  • Writes deterministic test scripts to /tmp/playwright-test-*.js to keep the project clean.
  • Executes tests with a visible browser by default and saves screenshots for validation.
  • Provides helper utilities for context creation, header management, and robust waiting.
  • Use cases: UI regression, login flows, responsive design checks, link validation, and automated QA workflows.

Quick Start

Describe the browser task and target URL to start, and I will auto-detect a dev server, generate a /tmp/playwright-test-*.js script, and run it with a visible browser.

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 for web applications using Playwright?▼

You can automate browser testing by generating test scripts in /tmp and executing them with a visible browser. This approach validates UI flows, forms, and responsive designs while keeping your project directory clean from temporary test files.

What is the best way to run Playwright tests against a local dev server?▼

The best way is to auto-detect the active dev server URL and inject environment headers into the test context. This ensures your Playwright scripts target the correct local instance automatically without manual URL configuration.

How do I validate UI regression and login flows without cluttering my project?▼

Validating UI regression and login flows is done by writing deterministic test scripts to /tmp/playwright-test-*.js files. This isolates test artifacts from your main codebase while executing visible browser interactions to verify user experience.

Does this Playwright automation approach require manual URL configuration?▼

No manual URL configuration is required because the automation auto-detects running dev servers. It automatically selects the active URL for testing, streamlining the setup process for executing your Playwright browser scripts.

Can I capture screenshots during automated web testing for UX validation?▼

Yes, you can capture screenshots during automated web testing because the executor runs a visible browser by default. It saves these screenshots automatically to provide visual validation of your user flows and responsive design checks.

Related Skills

Explore More Software Engineering Skills→
tstaplertstapler
8

playwright-skill

Generates and runs Playwright scripts with automatic local server detection.

Community
Advanced
rodoHasArrivedrodoHasArrived

playwright-generate-test

Generate Playwright TypeScript tests from scenarios and iterate until passing.

Community
Intermediate
I-SynergyI-Synergy

playwright-tester

Create and execute E2E and UI tests for web applications using Playwright.

Official
Advanced
pth-droidpth-droid

agent-browser

Automate browser navigation, element interaction, and screenshots for web testing.

Community
Intermediate