playwright-generate-test

github/awesome-copilot · updated Apr 17, 2026

$npx skills add https://github.com/github/awesome-copilot --skill playwright-generate-test
0 commentsdiscussion
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>"}}]

Discussion

Product Hunt–style comments (not star reviews)
  • No comments yet — start the thread.
general reviews

Ratings

4.741 reviews
  • Dhruvi Jain· Dec 28, 2024

    We added playwright-generate-test from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.

  • Layla Patel· Dec 20, 2024

    playwright-generate-test reduced setup friction for our internal harness; good balance of opinion and flexibility.

  • Meera Smith· Dec 4, 2024

    playwright-generate-test is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.

  • Michael Thomas· Nov 23, 2024

    Keeps context tight: playwright-generate-test is the kind of skill you can hand to a new teammate without a long onboarding doc.

  • Oshnikdeep· Nov 19, 2024

    playwright-generate-test reduced setup friction for our internal harness; good balance of opinion and flexibility.

  • Mei Chawla· Nov 11, 2024

    We added playwright-generate-test from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.

  • Michael Li· Oct 14, 2024

    We added playwright-generate-test from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.

  • Ganesh Mohane· Oct 10, 2024

    playwright-generate-test is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.

  • Yusuf Khanna· Oct 2, 2024

    Keeps context tight: playwright-generate-test is the kind of skill you can hand to a new teammate without a long onboarding doc.

  • Naina Kim· Sep 25, 2024

    Useful defaults in playwright-generate-test — fewer surprises than typical one-off scripts, and it plays nicely with `npx skills` flows.

showing 1-10 of 41

1 / 5