Can I use this for existing projects?

Absolutely. It is designed to integrate into existing frontend repositories by creating a dedicated e2e/ directory and updating your configuration files.

What frameworks does this skill support?

This skill is specifically optimized for Next.js and React projects and supports modern package managers like Bun and NPM.

What types of tests does it generate by default?

It creates boilerplate tests for common scenarios including homepage loading, navigation between pages, and user authentication flows.

Does it set up CI/CD workflows?

Yes, it provides configuration snippets for GitHub Actions to run your E2E tests automatically on every push or pull request.

Playwright E2E Initialization

Name: Playwright E2E Initialization
Author: shipshitdev

byshipshitdev

•

セキュリティとテスト

Initializes Playwright end-to-end testing environments for Next.js and React projects with automated configuration and CI/CD integration.

This skill streamlines the process of adding robust browser automation testing to frontend applications by automating the boilerplate setup. It handles the installation of Playwright and necessary browser drivers, generates optimized configuration files for Next.js and React, and scaffolds a dedicated test directory with example scripts for authentication and navigation flows. By automatically adding npm scripts and GitHub Actions workflows, it ensures that your project is ready for professional-grade regression testing and continuous integration from the start.

主な機能

01Ready-to-use GitHub Actions CI/CD workflow generation

02Scaffolding for authentication and navigation test examples

03Integration of testing scripts into package.json

0410 GitHub stars

05Pre-configured playwright.config.ts optimized for React/Next.js

06Automated Playwright and browser driver installation

ユースケース

01Integrating automated UI testing into a CI/CD pipeline for regression prevention

02Automating browser tests for critical user paths like login and form submissions

03Adding comprehensive end-to-end testing to a new or existing Next.js project

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shipshitdev/library playwright-e2e-init

For use in Claude.ai and ChatGPT

Download Skill