Skip to main content
affpapa.org
RU EN
skill GitHub Copilot official · GitHub

playwright-generate-test — GitHub Copilot skill

Generates a Playwright test from a scenario through Playwright MCP. Use it when the browser flow should be completed before test code is written.

Install into GitHub Copilot · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add github/awesome-copilot --skill playwright-generate-test
Open on GitHub

What playwright-generate-test does

The skill takes a scenario and performs the prescribed steps one at a time with Playwright MCP tools. If no scenario is provided, the agent asks for one. It does not produce test code before those steps are complete.

After the flow is complete, it writes a TypeScript test using @playwright/test from the message history. The generated file goes into the tests directory.

The agent then runs the file and revises it until the test passes. Install it for browser scenarios that need to be exercised first; skip it when you only want an unexecuted test stub.

What it helps with

  • generate a Playwright test from a scenario
  • ask for a missing test scenario
  • save the generated file in tests
  • run and revise a test until it passes

Example prompts for the agent

  • “Generate a test for the sign-in scenario.”
  • “Walk through the checkout scenario and create a Playwright test.”
  • “Use Playwright MCP to test this browser flow, then save the test.”

How to install playwright-generate-test

1Skills CLI (Vercel)

npx skills add github/awesome-copilot --skill playwright-generate-test

2GitHub CLI

gh skill install github/awesome-copilot playwright-generate-test

3Manually: put the files in place

.github/skills/playwright-generate-test/SKILL.md

From the same set554

The whole set →
git-commit official github This skill reviews Git changes, stages related files, and creates Conventional Commits. Use it when you want an agent to make one commit or split work into separate commits. GitHub Copilot 47,165installs excalidraw-diagram-generator official github Turn a plain-language description into an Excalidraw diagram. Useful for mapping processes, system structure, and relationships between entities. GitHub Copilot 31,639installs multi-stage-dockerfile official github This skill guides GitHub Copilot in writing multi-stage Dockerfiles for different languages and frameworks. Use it when the final runtime image should contain fewer build dependencies. GitHub Copilot 29,688installs documentation-writer official github Skill that turns the agent into a technical writer following the Diátaxis framework: tutorials, how-to guides, reference, and explanation. Proposes structure before writing. GitHub Copilot 27,757installs prd official github Turns a feature idea into a structured PRD with user stories, technical requirements, and risks. Use it when planning a software feature or an AI-powered one. GitHub Copilot 24,035installs refactor official github This skill reshapes existing code without changing its external behavior. Use it for gradual cleanup of large functions, duplication, weak types, and code smells. GitHub Copilot 22,321installs java-springboot official github Gives GitHub Copilot Spring Boot development practices, from project layout to tests and security. Use it when writing or reviewing Java application code. GitHub Copilot 21,272installs create-readme official github This skill reviews a project and creates a structured README.md. Use it when the repository needs clear documentation based on its actual files and code. GitHub Copilot 19,081installs

Similar

bmad-qa-generate-e2e-tests bmad-code-org This skill adds end-to-end and API tests for working features through the project's existing test harness. Use it for automated QA coverage. Claude Code CX Codex Cursor +1 11,400installs durable-objects cloudflare This skill helps build, debug, and review Cloudflare Durable Objects for state, coordination, and persistent connections. Claude Code CX Codex Cursor +1 109,700installs web-perf cloudflare Audit Core Web Vitals, diagnose rendering bottlenecks, and inspect network dependencies directly through your agent. Claude Code CX Codex Cursor +1 109,300installs chrome-devtools-cli ChromeDevTools Lets AI coding agents interact with Chrome DevTools to automate clicks, inspect DOM snapshots, profile performance, and debug heap memory from the terminal. Claude Code CX Codex Cursor +1 6,700installs rust-testing affaan-m A skill for writing Rust tests: unit, integration, async, property-based, mocks and coverage. Useful when the project runs on TDD. Claude Code CX Codex Cursor +1 5,500installs frontend-design-direction affaan-m Sets a product-specific direction for web UI and helps check hierarchy, content states, responsive behavior, accessibility, and rendered results. Claude Code CX Codex Cursor +1 5,300installs improve-codebase-architecture Matt Pocock This skill scans a codebase for architectural friction, then builds a visual HTML report with refactoring candidates. Use it before a deeper architecture review. Claude Code 1,163,035installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. Claude Code CX Codex Cursor +1 673,100installs

Questions about playwright-generate-test

How do I install playwright-generate-test in GitHub Copilot?

Run npx skills add github/awesome-copilot --skill playwright-generate-test. You can also use gh skill install github/awesome-copilot playwright-generate-test.

What does playwright-generate-test do?

It works through a scenario with Playwright MCP tools, then creates a TypeScript test with @playwright/test. The skill saves the file in tests and runs it for revisions.

Where does playwright-generate-test save the generated test?

It saves the generated test file in the tests directory.

Source text

SKILL.md · MIT 
---
name: playwright-generate-test
description: 'Generate a Playwright test based on a scenario using Playwright MCP'
---

# 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

© github · MIT · github/awesome-copilot

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor