skills.rest
cuongtl1992
cuongtl1992COMMUNITY
Explore all skills by this author →
GitHub

pom-generator

Generate TypeScript Page Object Model classes from live web pages via Playwright MCP.

10|7|Updated Jan 5, 2026
Search Tags:#automation#typescript#playwright#code-generation#pom#page-object
One-click install
npx skills add https://github.com/cuongtl1992/vibe-skills --skill pom-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pom-generator
Source: https://github.com/cuongtl1992/vibe-skills/tree/main/skills/testing/pom-generator
Command: npx skills add https://github.com/cuongtl1992/vibe-skills --skill pom-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Automates the generation of Page Object Model classes by analyzing live web pages with Playwright MCP to create reusable, well-structured TypeScript POM code.

Core Features & Use Cases

  • Auto-generated selectors: derives robust selectors and mapping for page elements.
  • Page navigation & actions: scaffolds navigate methods and common actions for tested pages.
  • Code templates: applies BasePage patterns and standard naming conventions for consistency.

Quick Start

Use the pom-generator skill to automatically generate a Page Object Model class by analyzing a live page with Playwright MCP.

Frequently Asked Questions about pom-generator

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

FAQPage Schema
How do I auto-generate TypeScript Page Object Model classes from a live web page?▼

You can auto-generate TypeScript Page Object Model classes by analyzing live web pages using Playwright MCP to derive robust selectors, navigation methods, and form interactions automatically.

What is the best way to scaffold Playwright selectors and navigation methods for web testing?▼

Scaffolding Playwright selectors and navigation methods is best handled by analyzing live web pages to create reusable TypeScript POM code with standard naming conventions and wait strategies.

How do I create consistent BasePage patterns and naming conventions for Playwright tests?▼

Create consistent BasePage patterns by applying code templates that enforce standard naming conventions and wait strategies across all generated Page Object Model classes in your test suite.

Can I generate Page Object Models for existing web applications without manually writing selectors?▼

Yes, you can generate Page Object Models without manually writing selectors by using Playwright MCP to analyze live pages and automatically derive element mappings and common actions.

Does the pom-generator work with TypeScript and Playwright for automated test scaffolding?▼

The pom-generator works with TypeScript and Playwright by using the MCP integration to inspect live web pages and scaffold reusable Page Object Model code templates for test automation.

Related Skills

Explore More Software Engineering Skills→
ivalsarajivalsaraj
7

highlight

Highlight matching DOM elements with a CSS outline and clear them.

Community
Basic
fideguchfideguch
1

e2e-testing

Build Playwright end-to-end test suites with Page Object Model patterns.

Community
Advanced
xlelibertyxleliberty

playwright-pro

Generate, review, and maintain Playwright end-to-end test suites for web applications.

Community
Advanced
openakitaopenakita
2.0k

browser-click

Click web page elements using CSS selectors or text content.

Community
Basic