playwright

Create Playwright End-to-End tests using the Page Object Model.

Updated Jan 6, 2026
One-click install
npx skills add https://github.com/figuedmundo/mamirri-app --skill playwright-figuedmundo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright
Source: https://github.com/figuedmundo/mamirri-app/tree/main/.opencode/skill/playwright
Command: npx skills add https://github.com/figuedmundo/mamirri-app --skill playwright-figuedmundo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a structured and efficient approach to writing Playwright End-to-End (E2E) tests, ensuring reliability and maintainability.

Core Features & Use Cases

  • Page Object Model: Encourages reusable page components for cleaner test code.
  • Selector Priority: Guides users to use the most robust selectors available.
  • Test Documentation: Standardizes how test cases are documented for clarity.
  • Use Case: When developing a new feature, use this Skill to generate comprehensive E2E tests that cover the critical user flows, ensuring the feature works as expected across different scenarios.

Quick Start

Use the playwright skill to create 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?

To write maintainable Playwright E2E tests, you should enforce the Page Object Model to create reusable page components and standardize test documentation, ensuring structured and reliable test execution for UI validation.

What is the best way to structure Playwright test files for robust selectors?

The best way to structure Playwright test files is by adhering to defined file structures and naming conventions, prioritizing the most robust selectors available, and separating page components using the Page Object Model for cleaner code.

Why use the Page Object Model for End-to-End testing automation?

Using the Page Object Model for End-to-End testing encourages reusable page components, which results in cleaner test code, standardized test documentation, and improved maintainability across different testing scenarios.

How do I standardize test documentation for UI validation workflows?

You can standardize test documentation for UI validation workflows by enforcing specific file structures and naming conventions during deterministic task execution, ensuring clarity and reliability across all generated End-to-End tests.

Does this approach to E2E testing support deterministic task execution?

Yes, this approach supports deterministic task execution for UI validation and exploration workflows by enforcing strict adherence to defined file structures, naming conventions, and the Page Object Model architecture.