skills.rest
BrunoAMSilva
BrunoAMSilvaCOMMUNITY
Explore all skills by this author →
GitHub

playwright-explore-website

Explore websites via Playwright MCP to record locators and generate test cases.

Updated Apr 14, 2026
Search Tags:#mcp#exploration#playwright#test-generation#web-testing#ui-automation
One-click install
npx skills add https://github.com/BrunoAMSilva/my-config --skill playwright-explore-website-brunoamsilva
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-explore-website
Source: https://github.com/BrunoAMSilva/my-config/tree/main/coding/skills/playwright-explore-website
Command: npx skills add https://github.com/BrunoAMSilva/my-config --skill playwright-explore-website-brunoamsilva

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps testers and developers quickly explore a website to uncover core user flows, identify interactive UI elements and locators, and produce actionable test cases and summaries for Playwright-based automation.

Core Features & Use Cases

  • Interactive Exploration: Navigate a provided URL via a Playwright MCP server and interact with pages to exercise 3-5 primary features or user flows.
  • Element Capture & Documentation: Record relevant UI elements, CSS/XPath locators, user interactions, and expected outcomes for each explored flow.
  • Test Case Generation: Produce concise, reproducible Playwright test scenarios and a summary report suitable for QA handoff or automation pipelines.
  • Use Case: Walk through a signup and purchase checkout flow on an e-commerce site to capture form fields, buttons, validation behavior, and expected success states.

Quick Start

Open the target website URL via the Playwright MCP server and explore 3-5 key user flows while recording element locators, interactions, and expected outcomes.

Frequently Asked Questions about playwright-explore-website

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Playwright tests by exploring a live website?▼

To generate Playwright tests, this Skill navigates a target URL via a Playwright MCP server to interactively explore pages, capture UI elements and locators, and document the interactions into reproducible test cases.

What is website flow exploration for UI automation?▼

Website flow exploration for UI automation is the process of navigating a live web application to identify primary user flows, record interactive UI elements, and capture expected outcomes to build documented test scenarios.

Do I need a Playwright MCP server to explore websites and capture UI locators?▼

Yes, you need a Playwright MCP server and a target URL. The Skill requires this server to open browser contexts, navigate pages, interact with features, and close contexts after capturing element locators.

Can I use this to capture CSS and XPath locators for e-commerce checkout flows?▼

Yes, you can use this to walk through e-commerce checkout flows. It captures form fields, buttons, validation behavior, and expected success states while recording CSS and XPath locators for automation.

What's the best way to document primary user flows for QA handoff?▼

The best way to document primary user flows for QA handoff is to interactively exercise 3-5 core features on the target website, capturing the interactions and expected outcomes into a concise summary report.

Related Skills

Explore More Software Engineering Skills→
byonk19-svgbyonk19-svg

web-clone

Clone a live URL into a visually faithful single-page replica.

Community
Advanced
mafvietnammafvietnam

ck:test

Automate end-to-end testing and QA reporting across unit, integration, e2e, and UI scenarios.

Community
Advanced
TravisLeeeeeeTravisLeeeeee
110

QA Tester

Design QA test plans and executable test cases for features and APIs.

Community
Advanced
harshaldhadukharshaldhaduk
1

browser

Automate web browser tasks using accessibility tree snapshots with element references.

Community
Intermediate