e2e

Configure Playwright end-to-end testing for Next.js applications with GitHub Actions.

3|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/mattwoodco/skills --skill e2e-mattwoodco
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: e2e
Source: https://github.com/mattwoodco/skills/tree/main/skills/e2e
Command: npx skills add https://github.com/mattwoodco/skills --skill e2e-mattwoodco

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the setup and implementation of end-to-end (E2E) testing for web applications, ensuring robust browser-level validation and continuous integration.

Core Features & Use Cases

  • Playwright Integration: Sets up Playwright for E2E testing in Next.js projects.
  • CI/CD Ready: Includes GitHub Actions workflows for automated testing on pushes and pull requests.
  • Page Object Model Support: Facilitates maintainable test structures.
  • Use Case: Automatically configure Playwright, write initial smoke tests, and integrate E2E tests into your GitHub Actions pipeline for a new Next.js project.

Quick Start

Use the e2e skill to set up Playwright testing for your Next.js application.

Frequently Asked Questions about e2e

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up Playwright end-to-end testing for a Next.js application?

Setting up Playwright end-to-end testing for a Next.js application involves configuring test directories, creating configuration files, and generating initial smoke tests to validate browser-level behavior.

Can I integrate Playwright E2E tests into GitHub Actions CI workflows?

Yes, you can integrate Playwright E2E tests into GitHub Actions CI workflows. The setup automates the creation of CI workflows that run automated browser tests on pushes and pull requests for continuous integration.

Does the Playwright setup support the page object model for maintaining tests?

Yes, the Playwright setup supports the page object model to facilitate maintainable test structures. It provides specific guidance on organizing and writing new tests using this pattern.

How do I handle authentication in Playwright end-to-end tests?

Handling authentication in Playwright end-to-end tests is supported through provided guidance on writing new tests. This ensures your E2E tests can properly manage user login states and authenticated sessions.

What is the best way to automate end-to-end testing configuration for Next.js?

Automating end-to-end testing configuration for Next.js is best handled by using a setup that generates Playwright config files, establishes test directories, and creates CI workflows automatically, ensuring robust browser-level validation.