playwright-generate-test

Generate Playwright TypeScript tests from scenarios and iterate until passing.

Updated Mar 23, 2026
One-click install
npx skills add https://github.com/rodoHasArrived/Meridian-main --skill playwright-generate-test-rodohasarrived
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-generate-test
Source: https://github.com/rodoHasArrived/Meridian-main/tree/main/plugins/frontend-web-dev/skills/playwright-generate-test
Command: npx skills add https://github.com/rodoHasArrived/Meridian-main --skill playwright-generate-test-rodohasarrived

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It turns a user-provided test scenario into a runnable Playwright end-to-end test, reducing the time and guesswork required to create reliable browser automation.

Core Features & Use Cases

  • Scenario-to-test generation with Playwright MCP: Produces a Playwright TypeScript test derived from a scenario, following prescribed MCP steps before emitting code.
  • Save, execute, and iterate until passing: Writes the generated test into the tests directory, runs it, and refines the output until it passes.
  • Framework-aligned output: Generates code that uses @playwright/test based on message history.

Quick Start

Provide the scenario you want to test, then ask the skill to generate a Playwright test and make it pass.

Frequently Asked Questions about playwright-generate-test

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

FAQPage Schema
How do I generate a Playwright test from a scenario description?

To generate a Playwright test, provide a scenario description and the skill produces a TypeScript test using `@playwright/test` based on prescribed Playwright MCP steps. It writes the generated test file into your tests directory and runs it automatically.

What is Playwright MCP and how does it help with e2e testing?

Playwright MCP provides the browser automation steps used to generate deterministic end-to-end tests. It enables the creation of `@playwright/test` TypeScript code by processing your provided scenario before emitting the final test output.

Can I automatically iterate on a Playwright test until it passes?

Yes, you can iterate on a Playwright test until it passes. The skill executes the generated test, analyzes the execution results, and refines the TypeScript code until the end-to-end test passes successfully.

Do I need TypeScript to use this Playwright test generation approach?

Yes, TypeScript is required because the skill produces framework-aligned output using `@playwright/test` in TypeScript. The generated end-to-end test code is specifically formatted as a TypeScript file saved under your tests directory.

What is the best way to create web automation tests without manual coding?

The best way to create web automation tests without manual coding is providing a scenario to a test generation tool. This skill translates scenarios into runnable Playwright end-to-end tests, reducing the guesswork required for reliable browser automation.

When should I not use automated Playwright test generation?

You should not use automated Playwright test generation for non-deterministic web UI scenarios. It is specifically designed for deterministic end-to-end testing where a predictable scenario can be translated into reliable `@playwright/test` TypeScript code.