skills.rest
crgarcia12
crgarcia12COMMUNITY
Explore all skills by this author →
WebsiteGitHub

e2e-generation

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

Updated May 6, 2026
Search Tags:#test generation#UI testing#Playwright#e2e testing#Automation
One-click install
npx skills add https://github.com/crgarcia12/compy --skill e2e-generation-crgarcia12
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: e2e-generation
Source: https://github.com/crgarcia12/compy/tree/main/.github/skills/e2e-generation
Command: npx skills add https://github.com/crgarcia12/compy --skill e2e-generation-crgarcia12

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @playwright/test, typescript, node, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of generating Playwright end-to-end test specs and Page Object Models from UI/UX flow walkthroughs, enabling comprehensive testing of user journeys without manual scripting.

Core Features & Use Cases

  • E2E Test Generation: Automatically creates end-to-end test specs based on UI/UX flow descriptions.
  • Page Object Models (POMs): Generates POMs for every screen in the system to ensure accurate test execution.
  • Use Case: When building a complex web application, this Skill can quickly generate the necessary tests and models for all user flows, significantly speeding up the testing process.

Quick Start

Execute the skill by reading the flow-walkthrough.md file and the associated screen map and component inventory to automatically generate e2e tests and POMs.

Frequently Asked Questions about e2e-generation

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

FAQPage Schema
How do I generate Playwright e2e tests from UI flow descriptions?▼

You can generate Playwright e2e tests by providing a UI/UX flow walkthrough and a component inventory. The skill automatically creates end-to-end test specs and Page Object Models without manual scripting.

How do I create Page Object Models for complex user journeys?▼

Creating Page Object Models for complex user journeys is done by reading a screen map and flow walkthrough. The skill outputs POMs for every screen to ensure accurate test execution across navigation paths.

Can I use this to automate e2e testing for web apps with extensive navigation paths?▼

Yes, you can automate e2e testing for web apps with extensive navigation paths. The skill targets complex applications by utilizing Playwright and semantic selectors to generate precise test scripts.

What do I need to set up to start generating e2e test specs automatically?▼

To start generating e2e test specs automatically, you need Node, TypeScript, and @playwright/test installed. You also need to prepare a flow-walkthrough file and an associated component inventory.

Does Playwright work with automatically generated semantic selectors for UI testing?▼

Playwright works with automatically generated semantic selectors for UI testing. The skill utilizes these selectors to create precise end-to-end test scripts without requiring manual intervention.

Best way to automate end-to-end UI test generation without manual scripting?▼

The best way to automate end-to-end UI test generation without manual scripting is using a skill that parses UI/UX descriptions. It outputs Playwright test specs and Page Object Models to speed up the testing process.

Related Skills

Explore More Software Engineering Skills→
EmeaAppGbbEmeaAppGbb

ui-ux-design

Generate interactive HTML wireframe prototypes from approved FRDs.

Official
Advanced
EmeaAppGbbEmeaAppGbb

e2e-generation

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

Official
Advanced
mikkelkrogsholmmikkelkrogsholm
2

wp-testing-core

Automate browser-based WordPress plugin testing for login, activation, and UI navigation.

Community
Advanced
UnicornUnicorn

e2e-test-agent

Generate end-to-end test suites for web and full-stack applications.

Official
Advanced