Skip to content

Add Playwright MCP prompts and chat modes for testing and automation#99

Merged
aaronpowell merged 12 commits into
github:mainfrom
debs-obrien:playwright-prompts-chatmode
Jul 27, 2025
Merged

Add Playwright MCP prompts and chat modes for testing and automation#99
aaronpowell merged 12 commits into
github:mainfrom
debs-obrien:playwright-prompts-chatmode

Conversation

@debs-obrien

@debs-obrien debs-obrien commented Jul 15, 2025

Copy link
Copy Markdown
Contributor

Pull Request Checklist

  • I have read and followed the CONTRIBUTING.md guidelines.
  • My contribution adds a new instruction, prompt, or chat mode file in the correct directory.
  • The file follows the required naming convention.
  • The content is clearly structured and follows the example format.
  • I have tested my instructions, prompt, or chat mode with GitHub Copilot.
  • I have run node update-readme.js and verified that README.md is up to date.

Description


Type of Contribution

  • New instruction file.
  • New prompt file.
  • New chat mode file.
  • Other (please specify):

Additional Notes


By submitting this pull request, I confirm that my contribution abides by the Code of Conduct and will be licensed under the MIT License.

Copilot AI review requested due to automatic review settings July 15, 2025 07:14

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR introduces new Playwright MCP prompt and chat mode files to support testing and automation workflows, and updates the README to list them.

  • Added three new prompt templates for Playwright tasks: test generation, website exploration, and form automation.
  • Added a new Playwright Tester chat mode.
  • Updated README.md to include entries for the new prompts and chat mode.

Reviewed Changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
prompts/playwright-generate-test.prompt.md New prompt for generating Playwright tests based on user scenarios.
prompts/playwright-explore-website.prompt.md New prompt for exploring website functionality via Playwright MCP.
prompts/playwright-automation-fill-in-form.prompt.md New prompt for automating form-filling tasks with Playwright MCP.
chatmodes/playwright-tester.chatmode.md New chat mode for driving Playwright test workflows interactively.
README.md Added table entries for the new prompts and chat mode.
Comments suppressed due to low confidence (7)

prompts/playwright-generate-test.prompt.md:2

  • Front matter values should be wrapped in single quotes for consistency. Change to mode: 'agent'.
mode: agent

prompts/playwright-explore-website.prompt.md:2

  • Front matter values should be wrapped in single quotes for consistency. Change to mode: 'agent'.
mode: agent

prompts/playwright-automation-fill-in-form.prompt.md:2

  • Front matter values should be wrapped in single quotes for consistency. Change to mode: 'agent'.
mode: agent

chatmodes/playwright-tester.chatmode.md:2

  • Front matter values should be wrapped in single quotes. Change to description: 'Testing mode for Playwright tests'.
description: Testing mode for Playwright tests

README.md:102

  • The description column for this new prompt entry is empty. Please provide a concise description of the prompt's purpose.
| [Automating Filling in a Form with Playwright MCP](prompts/playwright-automation-fill-in-form.prompt.md) | | [![Install in VS Code](https://img.shields.io/badge/VS_Code-Install-0098FF?style=flat-square&logo=visualstudiocode&logoColor=white)](https://vscode.dev/redirect?url=vscode%3Achat-prompt%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fprompts%2Fplaywright-automation-fill-in-form.prompt.md) [![Install in VS Code](https://img.shields.io/badge/VS_Code_Insiders-Install-24bfa5?style=flat-square&logo=visualstudiocode&logoColor=white)](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Achat-prompt%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fprompts%2Fplaywright-automation-fill-in-form.prompt.md) |

README.md:103

  • The description column for this new prompt entry is empty. Please provide a concise description of the prompt's purpose.
| [Website Exploration for Testing](prompts/playwright-explore-website.prompt.md) | | [![Install in VS Code](https://img.shields.io/badge/VS_Code-Install-0098FF?style=flat-square&logo=visualstudiocode&logoColor=white)](https://vscode.dev/redirect?url=vscode%3Achat-prompt%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fprompts%2Fplaywright-explore-website.prompt.md) [![Install in VS Code](https://img.shields.io/badge/VS_Code_Insiders-Install-24bfa5?style=flat-square&logo=visualstudiocode&logoColor=white)](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Achat-prompt%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fprompts%2Fplaywright-explore-website.prompt.md) |

README.md:104

  • The description column for this new prompt entry is empty. Please provide a concise description of the prompt's purpose.
| [Test Generation with Playwright MCP](prompts/playwright-generate-test.prompt.md) | | [![Install in VS Code](https://img.shields.io/badge/VS_Code-Install-0098FF?style=flat-square&logo=visualstudiocode&logoColor=white)](https://vscode.dev/redirect?url=vscode%3Achat-prompt%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fprompts%2Fplaywright-generate-test.prompt.md) [![Install in VS Code](https://img.shields.io/badge/VS_Code_Insiders-Install-24bfa5?style=flat-square&logo=visualstudiocode&logoColor=white)](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Achat-prompt%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fprompts%2Fplaywright-generate-test.prompt.md) |

Comment thread prompts/playwright-generate-test.prompt.md Outdated
debs-obrien and others added 2 commits July 15, 2025 09:16

@aaronpowell aaronpowell left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Missing descriptions on the prompts (which will also see the README needing to be updated).

Comment thread chatmodes/playwright-tester.chatmode.md Outdated
@@ -0,0 +1,12 @@
---
description: Testing mode for Playwright tests

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
description: Testing mode for Playwright tests
description: 'Testing mode for Playwright tests'

Comment thread prompts/playwright-automation-fill-in-form.prompt.md
Comment thread chatmodes/playwright-tester.chatmode.md Outdated
@@ -0,0 +1,12 @@
---
description: Testing mode for Playwright tests

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If there's a model that it works best with, you can specify the model attribute, eg model: GPT-4.1

Comment thread prompts/playwright-explore-website.prompt.md
Comment thread prompts/playwright-generate-test.prompt.md
@debs-obrien debs-obrien requested a review from aaronpowell July 16, 2025 12:58
Comment thread prompts/playwright-generate-test.prompt.md
@debs-obrien debs-obrien requested a review from aaronpowell July 18, 2025 12:39
…dundant entries as just adding playwright seems to be supported now
Comment thread chatmodes/playwright-tester.chatmode.md Outdated
## Core Responsibilities

1. **Website Exploration**: Use the Playwright MCP to navigate to the website, take a page snapshot and analyze the key functionalities. Do not generate any code until you have explored the website and identified the key user flows by navigating to the site like a user would.
2. **Text Improvements**: When asked to improve tests use the Playwright MCP to navigate to the URL and view the page snapshot. Use the snapshot to identify the correct locators for the tests. You may need to run the development server first.

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

minor Based on context of the section should this be Test Improvements instead?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thanks for that. totally missed it

@jamesmontemagno

Copy link
Copy Markdown
Contributor

@aaronpowell good to merge

@midudev

midudev commented Jul 23, 2025

Copy link
Copy Markdown

Awesome!!! 🔥

@aaronpowell aaronpowell merged commit edb5e16 into github:main Jul 27, 2025
2 checks passed
AungMyoKyaw pushed a commit to AungMyoKyaw/awesome-copilot that referenced this pull request Aug 1, 2025
…ithub#99)

* Add Playwright MCP prompts and chat modes for testing and automation

* Update prompts/playwright-generate-test.prompt.md

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Enhance Playwright prompts and chatmode descriptions for clarity and consistency

* Add model specification to Playwright tester chatmode

* Update model specification in Playwright test generation prompt

* Add description to Playwright test generation prompt

* Refactor Playwright tools list in prompts and chat modes to remove redundant entries as just adding playwright seems to be supported now

* Fix typo in Playwright tester responsibilities section

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Aaron Powell <me@aaron-powell.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants