Skip to main content
Frontend Developmentgithub

playwright-generate-test

Generate a Playwright test based on a scenario using Playwright MCP

Stars
34,159
Source
github/awesome-copilot
Updated
2026-05-29
Slug
github--awesome-copilot--playwright-generate-test
View on GitHubRaw SKILL.md

// install — copy + paste into any project

mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/github/awesome-copilot/HEAD/plugins/frontend-web-dev/skills/playwright-generate-test/SKILL.md -o .claude/skills/playwright-generate-test.md

Drops the SKILL.md into .claude/skills/playwright-generate-test.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.

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