playwright-generate-test

Generate a Playwright test based on a scenario using Playwright MCP

28,865 stars

Best use case

playwright-generate-test is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Generate a Playwright test based on a scenario using Playwright MCP

Teams using playwright-generate-test should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/playwright-generate-test/SKILL.md --create-dirs "https://raw.githubusercontent.com/github/awesome-copilot/main/plugins/frontend-web-dev/skills/playwright-generate-test/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/playwright-generate-test/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How playwright-generate-test Compares

Feature / Agentplaywright-generate-testStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

Generate a Playwright test based on a scenario using Playwright MCP

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

Related Guides

SKILL.md Source

# 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

Related Skills

webapp-testing

28865
from github/awesome-copilot

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

unit-test-vue-pinia

28865
from github/awesome-copilot

Write and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases. Use when creating or updating tests for components, composables, and stores; mocking Pinia with createTestingPinia; applying Vue Test Utils patterns; and enforcing black-box assertions over implementation details.

spring-boot-testing

28865
from github/awesome-copilot

Expert Spring Boot 4 testing specialist that selects the best Spring Boot testing techniques for your situation with Junit 6 and AssertJ.

scoutqa-test

28865
from github/awesome-copilot

This skill should be used when the user asks to "test this website", "run exploratory testing", "check for accessibility issues", "verify the login flow works", "find bugs on this page", or requests automated QA testing. Triggers on web application testing scenarios including smoke tests, accessibility audits, e-commerce flows, and user flow validation using ScoutQA CLI. Use this skill proactively after implementing web application features to verify they work correctly.

pytest-coverage

28865
from github/awesome-copilot

Run pytest tests with coverage, discover lines missing coverage, and increase coverage to 100%.

playwright-automation-fill-in-form

28865
from github/awesome-copilot

Automate filling in a form using Playwright MCP

generate-custom-instructions-from-codebase

28865
from github/awesome-copilot

Migration and code evolution instructions generator for GitHub Copilot. Analyzes differences between two project versions (branches, commits, or releases) to create precise instructions allowing Copilot to maintain consistency during technology migrations, major refactoring, or framework version upgrades.

comment-code-generate-a-tutorial

28865
from github/awesome-copilot

Transform this Python script into a polished, beginner-friendly project by refactoring the code, adding clear instructional comments, and generating a complete markdown tutorial.

breakdown-test

28865
from github/awesome-copilot

Test Planning and Quality Assurance prompt that generates comprehensive test strategies, task breakdowns, and quality validation plans for GitHub projects.

structured-autonomy-generate

28865
from github/awesome-copilot

Structured Autonomy Implementation Generator Prompt

polyglot-test-agent

28865
from github/awesome-copilot

Generates comprehensive, workable unit tests for any programming language using a multi-agent pipeline. Use when asked to generate tests, write unit tests, improve test coverage, add test coverage, create test files, or test a codebase. Supports C#, TypeScript, JavaScript, Python, Go, Rust, Java, and more. Orchestrates research, planning, and implementation phases to produce tests that compile, pass, and follow project conventions.

scaffolding-oracle-to-postgres-migration-test-project

28865
from github/awesome-copilot

Scaffolds an xUnit integration test project for validating Oracle-to-PostgreSQL database migration behavior in .NET solutions. Creates the test project, transaction-rollback base class, and seed data manager. Use when setting up test infrastructure before writing migration integration tests, or when a test project is needed for Oracle-to-PostgreSQL validation.