playwright-flow-recorder

Translate natural language user flows into executable Playwright test scripts.

6|Updated Nov 11, 2025
One-click install
npx skills add https://github.com/hopeoverture/worldbuilding-app-skills --skill playwright-flow-recorder
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-flow-recorder
Source: https://github.com/hopeoverture/worldbuilding-app-skills/tree/main/skills/testing/playwright-flow-recorder
Command: npx skills add https://github.com/hopeoverture/worldbuilding-app-skills --skill playwright-flow-recorder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Translates natural-language user flow descriptions into executable Playwright test scripts, enabling rapid, criteria-driven end-to-end testing.

Core Features & Use Cases

  • Parse flow descriptions
  • Map actions to Playwright commands (navigate, click, fill, select, etc.)
  • Generate test skeletons from templates
  • Create data fixtures and flow-based test utilities

Quick Start

Provide a flow description like "User signs up and creates a project" and generate a Playwright test file from it.

Frequently Asked Questions about playwright-flow-recorder

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

FAQPage Schema
How do I generate Playwright tests from natural language descriptions?

Generate Playwright tests by providing natural language flow descriptions—such as user stories or acceptance criteria—which are translated into executable test scripts. The Skill maps actions like navigation, form input, and assertions to Playwright APIs, producing ready-to-run tests with proper setup, teardown, fixtures, and reproducible structure.

Can I convert user stories and acceptance criteria directly into end-to-end tests?

Yes. Convert user stories and acceptance criteria into executable Playwright test files automatically. The Skill parses flow descriptions, maps user actions to Playwright commands, and generates complete test skeletons with data fixtures, eliminating manual test script creation.

What Playwright APIs and test components does the generated code include?

Generated tests include Playwright API calls for navigation, clicking, form filling, element selection, waits, and assertions. Tests also include scaffolding for setup and teardown hooks, data fixtures, test utilities, and a reproducible structure suitable for web application end-to-end testing.

How do I structure flow descriptions for accurate test generation?

Describe user flows in natural language as sequences of actions—for example, 'User signs up and creates a project.' The Skill parses these descriptions, identifies actions, maps them to corresponding Playwright commands, and generates a complete, executable test file with proper error handling.

Is this approach faster than writing Playwright tests manually?

Yes. Translating natural language flows into Playwright tests eliminates manual script writing for common scenarios. Test generation from documented flows, user stories, and acceptance criteria reduces development time while maintaining test coverage and reproducibility across web applications.

What types of web application testing scenarios does this cover?

Covers end-to-end testing across scenarios including user sign-up, navigation flows, form submission, multi-step workflows, and acceptance criteria validation. Generated tests include error handling, assertions, waits, and fixtures to ensure reliable test execution across web applications.