Initialize Playwright Project

Set up a production-ready Playwright testing environment. Detect the framework, generate config, folder structure, example test, and CI workflow.

Steps

1. Analyze the Project

Use the Explore subagent to scan the project:

• Check package.json for framework (React, Next.js, Vue, Angular, Svelte)
• Check for tsconfig.json → use TypeScript; otherwise JavaScript
• Check if Playwright is already installed (@playwright/test in dependencies)
• Check for existing test directories (tests/, e2e/, __tests__/)
• Check for existing CI config (.github/workflows/, .gitlab-ci.yml)

2. Install Playwright

If not already installed: