skills.rest
EmeaAppGbb
EmeaAppGbbOFFICIAL
Explore all skills by this author →
GitHub

e2e-generation

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

Updated Mar 30, 2026
Search Tags:#test automation#UI/UX#test generation#Playwright#e2e testing
One-click install
npx skills add https://github.com/EmeaAppGbb/spec2cloud-microhack-greenfield --skill e2e-generation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: e2e-generation
Source: https://github.com/EmeaAppGbb/spec2cloud-microhack-greenfield/tree/main/.github/skills/e2e-generation
Command: npx skills add https://github.com/EmeaAppGbb/spec2cloud-microhack-greenfield --skill e2e-generation

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, typescript, aspire, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the generation of Playwright end-to-end test specs and Page Object Models from UI/UX flow walkthroughs, simplifying the process of creating comprehensive user journey tests.

Core Features & Use Cases

  • E2E Test Generation: Automatically create complete end-to-end test specs from UI/UX flow walkthroughs.
  • Page Object Models: Generate POMs for each screen, making tests more maintainable and readable.
  • Use Case: For a new feature, use this Skill to generate tests that cover the entire user journey, from navigation to form submission.

Quick Start

Run the e2e-generation skill to generate tests for the current increment's user flows.

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 end-to-end tests from UI/UX flow walkthroughs?▼

You can generate Playwright end-to-end tests from UI/UX flow walkthroughs by using this Skill to automatically create complete test specs and Page Object Models for each screen. It simplifies creating comprehensive user journey tests.

What are the prerequisites for generating E2E test specs and Page Object Models with this Skill?▼

To generate E2E test specs and Page Object Models, you need Playwright, TypeScript, and an Aspire environment setup for execution. These dependencies are required to run the generated tests properly.

Can I automatically create Page Object Models for each screen during E2E test generation?▼

Yes, you can automatically create Page Object Models for each screen during E2E test generation. This Skill generates POMs alongside Playwright test specs, making your web application tests more maintainable and readable.

What is the best way to automate user journey tests for new web application features?▼

The best way to automate user journey tests for new web application features is to generate Playwright test specs from UI/UX flow walkthroughs. This covers the entire user journey, from navigation to form submission.

Does E2E test generation work with TypeScript and Aspire environments?▼

Yes, E2E test generation works with TypeScript and Aspire environments. This Skill specifically requires both, along with Playwright, to generate and execute the end-to-end test specs for your web applications.

Related Skills

Explore More Software Engineering Skills→
emiljuchnikowskiemiljuchnikowski

test-e2e

Orchestrate Playwright end-to-end testing workflows for UI components.

Community
Advanced
Vivekmano27Vivekmano27

webapp-testing

Automate end-to-end web application testing with Playwright and Page Object Model.

Community
Advanced
gruckiongruckion

write-playwright-test

Create Playwright end-to-end tests using fixtures and Page Object Model.

Community
Advanced
csim-sgcsim-sg

write-e2e-tests

Generate and run Playwright end-to-end tests for the tldraw UI.

Community
Intermediate