How do I install playwright-generate-test?

Run `npx skills add https://github.com/github/awesome-copilot --skill playwright-generate-test` in your terminal. You need to have run `npx skills init` once in your project first.

Which agent frameworks does playwright-generate-test support?

playwright-generate-test works with any agent framework supported by the Skills registry, including Claude Code, Cursor, GitHub Copilot, Cline, Codex, and Gemini CLI.

Is playwright-generate-test free to use?

Yes. playwright-generate-test is free to install and use. It is available from the open Skills registry published by github.

Testing

playwright-generate-test▌

Name: playwright-generate-test
Availability: InStock
Author: github

github/awesome-copilot · updated Apr 8, 2026

$npx skills add https://github.com/github/awesome-copilot --skill playwright-generate-test

summary

Generate Playwright tests from scenarios using interactive browser exploration and validation.

›Guides you through step-by-step test creation: scenario review, browser exploration, element inspection, interaction validation, and final test generation
›Integrates with Playwright MCP tools to inspect page elements, capture selectors, and validate interactions before writing test code
›Generates TypeScript tests using @playwright/test framework and automatically saves them to the tests dir

skill.md

1d:["$","div",null,{"className":"prose prose-invert max-w-none prose-headings:font-semibold prose-headings:tracking-tight prose-h1:text-4xl prose-h1:mb-2 prose-h2:text-2xl prose-h2:mb-2 prose-h3:text-lg prose-h3:mb-2 prose-p:text-muted-foreground prose-li:text-muted-foreground prose-code:bg-muted prose-code:text-foreground prose-code:px-1 prose-code:py-0.5 prose-code:rounded-sm prose-code:text-sm prose-code:before:content-none prose-code:after:content-none prose-pre:bg-muted prose-pre:text-foreground prose-pre:border prose-pre:border-border prose-pre:rounded-md [&_table]:!border-[color:var(--border)] [&_th]:!border-[color:var(--border)] [&_td]:!border-[color:var(--border)]","dangerouslySetInnerHTML":{"__html":"<h1>Test Generation with Playwright MCP</h1>\n<p>Your goal is to generate a Playwright test based on the provided scenario after completing all prescribed steps.</p>\n<h2>Specific Instructions</h2>\n<ul>\n<li>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.</li>\n<li>DO NOT generate test code prematurely or based solely on the scenario without completing all prescribed steps.</li>\n<li>DO run steps one by one using the tools provided by the Playwright MCP.</li>\n<li>Only after all steps are completed, emit a Playwright TypeScript test that uses <code>@playwright/test</code> based on message history</li>\n<li>Save generated test file in the tests directory</li>\n<li>Execute the test file and iterate until the test passes</li>\n</ul>"}}]