option
HomeHome Skill Browser Automation playwright-generate-test

playwright-generate-test

github/awesome-copilot github/awesome-copilot

Generate a Playwright test based on a scenario using Playwright MCP

...Expand all
50
Updated time June 29, 2026

About playwright-generate-test

playwright-generate-test is a reusable AI skill focused on a specific workflow. name: playwright-generate-test

The skill packages instructions, conventions, and task-specific guidance so an agent can execute the job more consistently. description: 'Generate a Playwright test based on a scenario using Playwright MCP' Your goal is to generate a Playwright test based on the provided scenario after completing all prescribed steps. - You are given a scenario, and you need to generate a playwright test for it. If the user does not provide a scenario, you will ask them to provide one.

In practice, this skill is best suited for users who need repeatable execution with fewer setup steps and less ambiguity. - DO NOT generate test code prematurely or based solely on the scenario without completing all prescribed steps. - DO run steps one by one using the tools provided by the Playwright MCP. - Only after all steps are completed, emit a Playwright TypeScript test that uses `@playwright/test` based on message history - Save generated test file in the tests directory

FAQ

What does playwright-generate-test help with?

playwright-generate-test helps agents follow a focused workflow described in the source documentation, reducing ambiguity and keeping execution aligned with the intended task.

When should this skill be used?

Use it when the task matches the workflow, domain, or operating rules described in the skill documentation, especially when consistent execution matters.

What are the main limitations?

The skill is constrained by the quality and scope of its source instructions. If the underlying documentation is incomplete, the agent may still need extra context or manual validation.

View on GitHub

Test Generation with Playwright MCP

Your goal is to generate a Playwright test based on the provided scenario after completing all prescribed steps.

Specific Instructions

  • You are given a scenario, and you need to generate a playwright test for it. If the user does not provide a scenario, you will ask them to provide one.
  • DO NOT generate test code prematurely or based solely on the scenario without completing all prescribed steps.
  • DO run steps one by one using the tools provided by the Playwright MCP.
  • Only after all steps are completed, emit a Playwright TypeScript test that uses @playwright/test based on message history
  • Save generated test file in the tests directory
  • Execute the test file and iterate until the test passes

All Files

1 files
SKILL.md 877b
View

Install playwright-generate-test

Download and extract the skill files to your .claude/skills/ directory.

Download ZIP

Clone the repository and copy the skill files to your project.

git clone https://github.com/github/awesome-copilot/blob/main/skills/playwright-generate-test/SKILL.md # Copy SKILL.md to your .claude/skills/ directory

Copy Copy
Quick Setup: Copy the skill folder to .claude/skills/Claude will automatically detect and use the skill

Related Skills

playwright-cli
Updated time June 29, 2026
frontend-testing-best-practices
Updated time July 7, 2026
Playwright Browser Automation
Updated time June 29, 2026
playwright-expert
Updated time June 29, 2026
OR