Skills
.Work. You
Rest

browser-workflow-to-playwright

Community

Convert browser workflows to Playwright tests.

Software Engineering#automation#workflow#playwright#test-generation#e2e-testing#ci#selector-mapping
Authorneonwatty
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: browser-workflow-to-playwright
Download link: https://github.com/neonwatty/claude-skills/archive/main.zip#browser-workflow-to-playwright

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.