What problem does it solve?
This skill sets up a production-ready Playwright testing environment in a project by automatically detecting the framework, configuring Playwright, and scaffolding the recommended folder structure and CI workflow so teams can start writing end-to-end tests quickly.
Core Features & Use Cases
- Framework detection: Analyzes the project to identify React, Next.js, Vue, Angular, Svelte, or other frameworks to tailor the Playwright config.
- Playwright installation: Installs and initializes Playwright if not already present.
- Config generation: Creates a framework-aware
playwright.config.ts (or .js) with sensible defaults and multiple projects.
- Scaffolding: Generates an
e2e (or tests) folder, an example test, and necessary test structure.
- CI & workflow: Adds a ready-to-run CI workflow snippet for GitHub Actions or GitLab if repository uses such CI configs.
- Guidance & scripts: Updates
.gitignore and adds npm scripts (e.g., test:e2e, test:e2e:ui) to streamline running tests.
Quick Start
Run this skill on your project to automatically initialize Playwright and create a ready-to-run e2e testing setup.