What is the e2e Claude Code skill?

It is a specialized capability that automates the setup and configuration of Playwright for end-to-end testing in Next.js applications, handling everything from config files to CI/CD.

Does this skill support CI/CD?

Yes, it automatically generates a GitHub Actions workflow file to run your E2E tests on every push and pull request, including artifact uploads for test reports.

Can I test authenticated pages?

Absolutely. The skill includes an optional setup for persistent authentication states, allowing you to test protected routes efficiently without re-authenticating for every test case.

Which package manager does this skill use?

This skill is specifically optimized for use with Bun, ensuring high-performance dependency installation and test execution.

Does it work with the Next.js App Router?

Yes, it is designed to work seamlessly with modern Next.js projects using the App Router and provides a directory structure that keeps tests organized.

E2E Testing with Playwright

Name: E2E Testing with Playwright
Author: mattwoodco

bymattwoodco

•

安全与测试

Streamlines the setup of comprehensive end-to-end testing suites for Next.js applications using Playwright and GitHub Actions.

This skill automates the integration of robust end-to-end testing into Next.js projects, providing a pre-configured Playwright environment optimized for the App Router and Bun package manager. It automatically generates essential directory structures, configuration files, and smoke tests, while also setting up a complete GitHub Actions CI pipeline to ensure reliable deployments. Whether you are initializing tests for a new project or adding specific browser validation for complex user flows, this skill implements industry best practices like web-first assertions and accessible selector strategies.

主要功能

01Built-in support for authentication state persistence and session sharing

02Pre-configured GitHub Actions CI workflow for automated testing on push and PR

033 GitHub stars

04Automated Playwright configuration for Next.js App Router projects

05Ready-to-use smoke tests and guidance for creating extensible test specs

06Optimized for the Bun package manager for faster installation and execution

使用场景

01Initializing a full end-to-end testing suite for a new Next.js project

02Implementing authenticated testing flows to validate protected application routes

03Setting up continuous integration for browser-based testing in GitHub

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mattwoodco/skills e2e

For use in Claude.ai and ChatGPT

Download Skill