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.

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

01Page Object Model (POM) and custom fixture directory scaffolding

02Pre-configured authentication setup for persistent user sessions

039 GitHub stars

04Production-ready GitHub Actions CI workflow generation

05Multi-package manager support (Bun, PNPM, NPM, Yarn)

06Automated Playwright installation and browser project configuration

Use Cases

01Migrating an existing testing suite from Cypress to Playwright

02Automating browser-based testing within a CI/CD pipeline

03Initializing a new E2E testing framework for a web application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add gruckion/marathon-ralph setup-playwright

For use in Claude.ai and ChatGPT

Download Skill