playwright-cucumber-e2e-steps-generator

Generate Playwright step definitions and Page Object classes from Cucumber feature files.

10|7|Updated Jan 5, 2026
One-click install
npx skills add https://github.com/cuongtl1992/vibe-skills --skill playwright-cucumber-e2e-steps-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-cucumber-e2e-steps-generator
Source: https://github.com/cuongtl1992/vibe-skills/tree/main/skills/testing/playwright-cucumber-e2e-steps-generator
Command: npx skills add https://github.com/cuongtl1992/vibe-skills --skill playwright-cucumber-e2e-steps-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Automates the generation of Playwright E2E test step definitions and Page Object classes from Cucumber feature files. This streamlines bridging Gherkin scenarios to executable tests by generating structured step definitions and reusable page objects.

Core Features & Use Cases

  • Parse feature files to extract features, scenarios, and steps.
  • Generate/update TypeScript step definitions and Page Object classes for Playwright.
  • Provide an option to use interactive selector discovery via Playwright MCP or supply selectors manually.
  • Scaffold test skeletons for new scenarios and scenarios with missing implementations.

Quick Start

Provide a Cucumber feature file and run the generator to create Playwright step definitions and Page Object classes.

Frequently Asked Questions about playwright-cucumber-e2e-steps-generator

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

FAQPage Schema
How do I generate Playwright step definitions from Cucumber feature files?

To generate Playwright step definitions from Cucumber feature files, you parse the Gherkin scenarios to extract steps and automatically scaffold the corresponding TypeScript step definition functions to bridge features with executable tests.

How does a Page Object Model generator work with Cucumber and Playwright?

A Page Object Model generator works with Cucumber and Playwright by parsing feature files and creating reusable TypeScript Page Object classes, structuring interactive selectors and element interactions to separate test logic from page representation.

Can I use Playwright MCP for interactive selector discovery in E2E tests?

Yes, you can use Playwright MCP for interactive selector discovery in E2E tests to automatically locate elements during generation, or alternatively supply manual selector inputs when building your Page Object classes and step definitions.

Do I need TypeScript to use Playwright with Cucumber for E2E testing?

Yes, you need TypeScript to use this Playwright and Cucumber E2E testing setup, as the generator requires a project structure configured with src/ directories to properly scaffold and output the TypeScript step definitions and Page Objects.

What is the best way to scaffold missing Playwright test implementations for new scenarios?

The best way to scaffold missing Playwright test implementations is to parse existing Cucumber feature files to identify unimplemented scenarios and automatically generate TypeScript test skeletons with the required step definitions and Page Object structures.