Does this skill work with any package manager?

Yes, it detects your project's package manager—Bun, PNPM, NPM, or Yarn—and uses the appropriate execution commands for installation, browser setup, and test execution.

What browsers are configured by default?

It configures Chromium, Firefox, Webkit (Safari), and Mobile Chrome by default, with optimized settings for both local development and CI environments.

How does it handle Page Object Models (POM)?

The skill creates a structured directory for pages and fixtures, providing a template that separates UI selectors from test logic for better maintainability.

Can I use this for projects requiring authentication?

Absolutely. The skill includes a dedicated authentication setup project and storage state configuration to handle persistent login states across your entire test suite.

Does it set up CI/CD automation?

Yes, it generates a complete GitHub Actions workflow file pre-configured to install dependencies and browsers, run tests, and upload HTML reports.

Playwright E2E Testing Setup

Name: Playwright E2E Testing Setup
Author: gruckion

bygruckion

•

Security & Testing

Configures a comprehensive Playwright end-to-end testing environment with best practices, fixtures, and CI/CD integration.

About

This skill automates the entire process of initializing Playwright for web applications, providing a production-grade foundation for end-to-end testing. It handles package installation, generates a modular directory structure—including Page Object Models and custom fixtures—configures browser projects for Chromium, Firefox, and Webkit, and sets up persistent authentication states. It also generates ready-to-use GitHub Actions workflows and package scripts, making it ideal for teams establishing new test suites, migrating from Cypress, or needing robust browser-based verification in their CI/CD pipelines.

Key Features

Page Object Model (POM) and custom fixture directory scaffolding
Pre-configured authentication setup for persistent user sessions
9 GitHub stars
Production-ready GitHub Actions CI workflow generation
Multi-package manager support (Bun, PNPM, NPM, Yarn)
Automated Playwright installation and browser project configuration

Use Cases

Migrating an existing testing suite from Cypress to Playwright
Automating browser-based testing within a CI/CD pipeline
Initializing a new E2E testing framework for a web application

About

Key Features

Page Object Model (POM) and custom fixture directory scaffolding
Pre-configured authentication setup for persistent user sessions
9 GitHub stars
Production-ready GitHub Actions CI workflow generation
Multi-package manager support (Bun, PNPM, NPM, Yarn)
Automated Playwright installation and browser project configuration

Use Cases

Migrating an existing testing suite from Cypress to Playwright
Automating browser-based testing within a CI/CD pipeline
Initializing a new E2E testing framework for a web application