browser-workflow-to-playwright

Converts browser workflow markdown into Playwright end-to-end tests.

23|1|Updated Jan 7, 2026
One-click install
npx skills add https://github.com/neonwatty/claude-skills --skill browser-workflow-to-playwright
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser-workflow-to-playwright
Source: https://github.com/neonwatty/claude-skills/tree/main/skills/browser-workflow-to-playwright
Command: npx skills add https://github.com/neonwatty/claude-skills --skill browser-workflow-to-playwright

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates turning human-friendly browser workflow markdown documents into Playwright end-to-end tests that can run in CI, reducing manual scripting effort and improving test reliability across browsers.

Core Features & Use Cases

  • Translate workflows to Playwright tests: Converts step-by-step browser workflows into structured Playwright tests with per-step comments and test blocks.
  • Selector mapping and ambiguity handling: Integrates a selector discovery workflow, resolves ambiguous selectors with user prompts, and generates robust locators.
  • Manual steps support and diffing: Labels non-automatable steps as manual and compares against existing tests to add or update test blocks without losing custom code.

Quick Start

  • Ensure Playwright is configured in your project (e.g., npx playwright install and a configured test runner).
  • Place your browser workflow markdown at /workflows/browser-workflows.md.
  • Run the browser-workflow-to-playwright skill to generate e2e/browser-workflows.spec.ts, then review and adjust before executing tests.

Frequently Asked Questions about browser-workflow-to-playwright

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

FAQPage Schema
How do I convert browser workflow markdown into Playwright e2e tests for CI?

You can convert browser workflow markdown into Playwright e2e tests by processing step-by-step workflow documents, which automatically maps selectors, resolves ambiguities, and outputs structured test blocks ready for CI execution.

How does selector mapping and ambiguity resolution work when generating Playwright tests?

Selector mapping integrates a discovery workflow to generate robust locators, resolving ambiguous selectors through user prompts to ensure reliable end-to-end test execution without manual selector debugging.

Do I need a Playwright-enabled project to convert markdown workflows into test scripts?

Yes, you need a Playwright-enabled project with a configured test runner and installed browsers, along with your browser workflow markdown placed at the specified file path to generate the test script.

Can I update existing Playwright tests without losing custom code when workflow steps change?

Yes, the conversion process compares new workflow steps against existing tests to add or update test blocks via diffing, preserving custom code while integrating new automated actions.

What happens to manual steps when translating browser workflows into automated tests?

Manual steps that cannot be automated are explicitly labeled within the generated Playwright test file, ensuring non-automatable actions are documented while remaining steps execute automatically.

What is the best way to automate end-to-end test generation from human-readable browser workflows?

Automating e2e test generation involves translating human-readable markdown workflows into structured Playwright tests with per-step comments, handling selector mapping, and outputting a ready-to-run spec file.