playwright

Develop Playwright end-to-end tests using the Page Object Model and MCP workflows.

Updated Feb 21, 2026
One-click install
npx skills add https://github.com/josemartinrodriguezmortaloni/opencode-config --skill playwright-josemartinrodriguezmortaloni
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright
Source: https://github.com/josemartinrodriguezmortaloni/opencode-config/tree/main/skill/playwright
Command: npx skills add https://github.com/josemartinrodriguezmortaloni/opencode-config --skill playwright-josemartinrodriguezmortaloni

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the creation of reliable End-to-End (E2E) tests for web applications, ensuring application stability and a smooth user experience.

Core Features & Use Cases

  • Page Object Model: Enforces a maintainable structure for test code.
  • Selector Best Practices: Guides users to write stable and resilient selectors.
  • MCP Workflow Integration: Prioritizes using Model Context Protocol tools for accurate test development.
  • Use Case: When developing a new feature, use this Skill to generate comprehensive E2E tests that cover critical user flows, ensuring the feature works as expected across different scenarios.

Quick Start

Use the playwright skill to create a new 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 structure maintainable E2E tests for web applications?

To structure maintainable E2E tests for web applications, implement the Page Object Model pattern to separate test logic from page interactions, ensuring your test code remains organized and resilient to UI changes.

What are the best practices for writing resilient selectors in web testing?

Best practices for writing resilient selectors in web testing involve prioritizing stable, user-facing attributes over brittle CSS or XPath locators, which helps prevent test flakiness when the application's underlying DOM structure changes.

How do I integrate E2E testing with Model Context Protocol workflows?

You integrate E2E testing with Model Context Protocol (MCP) workflows by using MCP tools to facilitate accurate test development, allowing your testing suite to interact seamlessly with broader automation and development environments.

Can I execute specific E2E test scenarios using command-line options and tagging?

Yes, you can execute specific E2E test scenarios by applying tags to your test cases and passing command-line options, enabling efficient and targeted test execution for critical user flows without running the entire suite.

Does this approach support structured test documentation for new feature coverage?

Yes, this approach supports structured test documentation by guiding the generation of comprehensive E2E tests that cover critical user flows, ensuring new features are thoroughly documented and validated across different scenarios.