skills.rest
midas44
midas44COMMUNITY
Explore all skills by this author →
GitHub

page-discoverer

Identify and map TTT, CS and PMT pages via live UI exploration and Playwright VPN MCP workflow.

Updated Aug 27, 2026
Search Tags:#automation#mcp#playwright#selectors#discover#page-object#ui-exploration
One-click install
npx skills add https://github.com/midas44/ttt-expert-v2 --skill page-discoverer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: page-discoverer
Source: https://github.com/midas44/ttt-expert-v2/tree/main/.claude/skills/page-discoverer
Command: npx skills add https://github.com/midas44/ttt-expert-v2 --skill page-discoverer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams map live UI pages (TTT, CS, PMT) by exploring the interface to identify interactive elements and their selectors, bridging the gap between test planning and automation.

Core Features & Use Cases

  • Live UI exploration across TTT, CS, and PMT to uncover elements and build robust selectors.
  • Generate page object skeletons and documentation from discovered structure for faster test development.
  • Snapshot, accessibility tree review, and vault cross-reference to ensure stable, maintainable selectors.

Quick Start

Navigate to a target page and run the discovery workflow to produce a new page object skeleton.

Frequently Asked Questions about page-discoverer

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

FAQPage Schema
How do I generate Playwright selectors for live UI pages?▼

Generate Playwright selectors by exploring live UI pages to capture interactive elements and mapping them into page object skeletons. This Skill automates selector discovery through a live-discovery workflow with snapshots and accessibility checks.

What is a page object skeleton and when do I need one for test automation?▼

A page object skeleton is a structured representation of discovered UI elements and their selectors. You need one when bridging test planning and automation to maintain stable, reusable selectors across live TTT, CS, and PMT pages.

Can I use the Playwright MCP workflow to inspect interactive elements on specific pages?▼

Yes, you can use the Playwright VPN MCP workflow to inspect and snapshot interactive elements on TTT, CS, and PMT pages. It captures the accessibility tree and performs vault cross-references to ensure selector stability.

Does this live UI discovery approach work without pre-existing page object models?▼

Yes, live UI discovery works without pre-existing page object models by exploring the interface directly. It identifies interactive elements from scratch and produces discovery artifacts to build maintainable selectors for test development.

What's the best way to maintain accurate selectors when the UI changes frequently?▼

The best way to maintain accurate selectors is through vault cross-reference and accessibility tree review. This approach maps live UI elements during discovery to ensure selectors remain stable even when the underlying page structure updates.

Related Skills

Explore More Software Engineering Skills→
arisngarisng
5

copilot-cli-mcp-config

Configure GitHub Copilot CLI MCP servers in mcp-config.json.

Community
Basic
crgarcia12crgarcia12

e2e-generation

Generate Playwright end-to-end test specs and Page Object Models from UI/UX flow descriptions.

Community
Advanced
SteveFeldmanSteveFeldman
5

evinced-web-sdk

Integrate Evinced SDK accessibility scanning into Playwright test suites.

Community
Intermediate
anhtesteranhtester
129

Locator Healer Agent

Repair broken UI locators in Playwright or Selenium Page Objects.

Community
Intermediate