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

playwright-explore-website — GitHub Copilot skill

Explores a website through Playwright MCP, records user flows, and proposes test cases. Use it when you need a starting point for UI testing.

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

What playwright-explore-website does

This skill opens the supplied URL through the Playwright MCP Server and works through 3-5 core features or user flows. It records user actions, relevant UI elements with their locators, and expected outcomes. If no URL is supplied, the agent asks for one.

After the exploration, it closes the browser context, returns a short findings summary, and generates test cases from the flows it found. Install it when manual website exploration should feed test work; the workflow uses the Playwright MCP Server.

What it helps with

  • explore core website user flows
  • record UI element locators
  • document expected outcomes for interactions
  • generate test cases from explored flows

Example prompts for the agent

  • Explore the website at the URL I provide and identify core user flows.
  • Use Playwright MCP to go through the main flows and record locators.
  • Generate test cases from the website exploration findings.

How to install playwright-explore-website

1Skills CLI (Vercel)

npx skills add github/awesome-copilot --skill playwright-explore-website

2GitHub CLI

gh skill install github/awesome-copilot playwright-explore-website

3Manually: put the files in place

.github/skills/playwright-explore-website/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

ai-regression-testing affaan-m A skill for regression testing code that AI wrote. Catches the bugs a model misses when it reviews its own work. Claude Code CX Codex Cursor +1 4,600installs springboot-tdd affaan-m A Spring Boot TDD workflow that starts with failing tests, then implementation and refactoring. Use it for features, bug fixes, and API work. Claude Code CX Codex Cursor +1 4,600installs laravel-verification affaan-m Runs a Laravel project through phases: environment, lint, static analysis, tests with coverage, dependency audit and deploy readiness. Use it before a PR or a release. Claude Code CX Codex Cursor +1 4,600installs stripe-best-practices stripe This skill guides Stripe API choices, payment flows, and integration security. Use it when building, testing, or reviewing Stripe code. Claude Code CX Codex Cursor +1 97,800installs angular-developer affaan-m Scaffolds Angular code tailored to your project version, guides reactivity with Signals, and verifies builds with the CLI. Claude Code CX Codex Cursor +1 4,500installs benchmark affaan-m This skill measures page, API, and build performance, then compares results before and after a change. Use it to check a release or investigate reports that a page feels slow. Claude Code CX Codex Cursor +1 4,500installs 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-explore-website

How do I install playwright-explore-website in GitHub Copilot?

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

What does playwright-explore-website do?

The skill explores a website through the Playwright MCP Server, interacts with core flows, and documents actions, locators, and expected outcomes. It then proposes test cases.

What happens if I do not provide a URL?

The agent asks you for a URL before it starts exploring the website.

Source text

SKILL.md · MIT 
---
name: playwright-explore-website
description: 'Website exploration for testing using Playwright MCP'
---

# Website Exploration for Testing

Your goal is to explore the website and identify key functionalities.

## Specific Instructions

1. Navigate to the provided URL using the Playwright MCP Server. If no URL is provided, ask the user to provide one.
2. Identify and interact with 3-5 core features or user flows.
3. Document the user interactions, relevant UI elements (and their locators), and the expected outcomes.
4. Close the browser context upon completion.
5. Provide a concise summary of your findings.
6. Propose and generate test cases based on the exploration.

© 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