skills.rest
Rohithdgrr
RohithdgrrCOMMUNITY
Explore all skills by this author →
GitHub

pw-init

Configures Playwright end-to-end testing with framework detection, example tests, and CI workflow generation.

Updated Aug 14, 2026
Search Tags:#automation#typescript#web testing#playwright#e2e testing#test setup#ci workflow
One-click install
npx skills add https://github.com/Rohithdgrr/REEK-uninstaller --skill pw-init-rohithdgrr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pw-init
Source: https://github.com/Rohithdgrr/REEK-uninstaller/tree/main/.opencode/skills/pw-init
Command: npx skills add https://github.com/Rohithdgrr/REEK-uninstaller --skill pw-init-rohithdgrr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @playwright/test.

What problem does it solve? Setting up Playwright from scratch involves many manual decisions: choosing the right config for your framework, creating a sensible folder structure, writing a first test, and wiring up CI. This Skill automates the entire initialization so you get a working e2e test setup in one pass. ## Core Features & Use Cases - Framework-aware configuration: Detects Next.js, React (Vite), Vue/Nuxt, or Angular and generates a matching playwright.config.ts with the correct baseURL and webServer command. - Complete project scaffolding: Creates an e2e/ directory with fixtures, page objects, test data folders, and a runnable example test. - CI and tooling integration: Generates a GitHub Actions workflow (or GitLab CI stage), updates .gitignore, and adds test:e2e npm scripts. - Use Case: You just created a Next.js app and want end-to-end coverage before launch. Invoke this Skill to install Playwright, generate the config and example test, add a CI workflow, and verify everything runs green. ## Quick Start Set up Playwright e2e testing in this project with a config, example test, and CI workflow.

Frequently Asked Questions about pw-init

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

FAQPage Schema
How do I set up Playwright in an existing project?▼

Run npm init playwright@latest or install @playwright/test manually, then generate a playwright.config.ts matched to your framework. This Skill automates detection of Next.js, React, Vue, or Angular and creates the config, folder structure, and example test for you.

How to configure Playwright for Next.js or React?▼

Set baseURL to your dev server port (3000 for Next.js, 5173 for Vite React) and add a webServer block that runs npm run dev with reuseExistingServer enabled locally. The Skill generates this config automatically based on the detected framework.

Does Playwright work with GitHub Actions CI?▼

Yes, Playwright runs in GitHub Actions using the official setup: install dependencies with npm ci, install browsers via npx playwright install --with-deps, then run npx playwright test. The Skill generates a complete workflow file including report artifact upload.

Why does my Playwright test fail right after setup?▼

Common causes are a missing or wrong baseURL, the dev server not starting before tests run, or browsers not installed. The Skill's verification step runs the example test and diagnoses failures before completing setup.

Can I use Playwright with TypeScript?▼

Yes, Playwright has first-class TypeScript support and the generated playwright.config.ts and example specs are TypeScript by default. If the project lacks a tsconfig.json, the setup falls back to JavaScript.

Related Skills

Explore More Software Engineering Skills→
iludeilude
8

web-projects

Detect frameworks and package managers in JavaScript/TypeScript web projects.

Community
Intermediate
JFEspanolitoJFEspanolito

playwright

Create Playwright E2E tests using the Page Object Model.

Community
Advanced
HouseGarofaloHouseGarofalo
3

frontend-testing

Test React applications with Jest, Vitest, React Testing Library, and Playwright.

Official
Advanced
blackgirlbytesblackgirlbytes

replay-cypress

Configure Replay to record and upload Cypress end-to-end test recordings.

Community
Intermediate