playwright

Develop and maintain Playwright E2E tests using Page Object Model and MCP workflows.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/felipe3dfx/dotfiles --skill playwright-felipe3dfx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright
Source: https://github.com/felipe3dfx/dotfiles/tree/main/skills/playwright
Command: npx skills add https://github.com/felipe3dfx/dotfiles --skill playwright-felipe3dfx

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a comprehensive framework and best practices for writing reliable, maintainable, and efficient End-to-End (E2E) tests using Playwright, ensuring application quality and stability.

Core Features & Use Cases

  • Page Object Model: Structure tests for reusability and readability.
  • Selector Strategy: Prioritize robust selectors for stable tests.
  • MCP Workflow Integration: Guide users to leverage MCP tools for accurate test creation.
  • Use Case: Develop a full suite of E2E tests for a new user authentication flow, ensuring sign-up, login, password reset, and logout all function correctly and consistently.

Quick Start

Use the playwright skill to generate a new E2E test for the user login functionality.

Frequently Asked Questions about playwright

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

FAQPage Schema
How do I write maintainable Playwright E2E tests for web applications?

Maintainable Playwright E2E tests are written using the Page Object Model to structure tests for reusability and readability, ensuring application quality. This approach separates test logic from UI elements, reducing duplication and making updates easier when the UI changes.

What is the best selector strategy for stable end-to-end testing?

The best selector strategy for stable E2E testing involves prioritizing robust selectors to prevent test flakiness. By adhering to strict selector priorities, tests target elements resilient to DOM changes, ensuring consistent execution and validation across different runs.

How does Manual Control Protocol workflow integration work with Playwright?

Manual Control Protocol (MCP) workflow integration works by guiding users to leverage MCP tools for accurate test case creation and validation. This integration ensures that E2E tests are generated and validated accurately within automated testing workflows.

Can I use the Page Object Model to refactor existing end-to-end test suites?

Yes, you can use the Page Object Model to refactor existing E2E test suites. The skill provides test documentation and refactoring guidelines for maintainability, allowing you to restructure tests for improved reusability and readability without losing coverage.

What's the best way to structure tests for a new user authentication flow?

The best way to structure tests for a user authentication flow is developing a full E2E suite using Playwright. This ensures sign-up, login, password reset, and logout processes function correctly and consistently through structured, reusable test components.

Do I need to follow strict selector priorities to prevent flaky end-to-end tests?

Yes, adhering to strict selector priorities is needed to prevent flaky E2E tests. By focusing on robust selectors, the testing framework ensures that test cases target stable elements, maintaining application quality and stability during validation.