Automate the creation of robust Playwright and Cypress end-to-end tests from simple natural language flow descriptions.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install ai-e2e-gen
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install ai-e2e-gen using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is E2E Test Generator?
The E2E Test Generator is a developer-centric tool designed to streamline the testing lifecycle by converting user flow descriptions into executable test scripts. By utilizing this within the Openclaw Skills framework, developers can bypass the manual coding of repetitive test scenarios like login, checkout, and onboarding. The tool supports both Playwright and Cypress, ensuring it fits naturally into modern web development stacks while maintaining high standards for code quality and reliability.
This utility prioritizes best practices such as using data-testid selectors and implementing proper asynchronous waits. Whether you are building a new feature or maintaining a legacy application, this component of the Openclaw Skills library ensures your testing suite stays comprehensive and up-to-date with minimal effort.
E2E Test Generator Use Cases
- Rapid generation of authentication and onboarding test flows.
- Creating regression tests for complex e-commerce checkout sequences.
- Scaffolding admin dashboard tests from simple verbal descriptions.
- Generating functional tests by pointing the tool at a live local or staging URL.
How E2E Test Generator Works
- Input a natural language description or a specific URL representing the user journey.
- Define the target framework using CLI arguments if the default is not desired.
- The engine parses the requirements and generates structured test code with assertions.
- Copy the generated TypeScript or JavaScript into your project repository for execution.
E2E Test Generator Setup
To get started with this tool from the Openclaw Skills collection, ensure you have Node.js 18+ installed. You will also need an OpenAI API key.
# Run the generator directly
npx ai-e2e-gen "User signs up and verifies email"
# Specify a framework
npx ai-e2e-gen "User adds item to cart" --framework cypress
# Generate from a live URL
npx ai-e2e-gen --url http://localhost:3000/dashboard
E2E Test Generator Data Schema & Taxonomy
The skill processes input parameters and produces structured test output as follows:
| Attribute | Type | Description |
|---|---|---|
| description | String | The user flow or prompt provided to the AI |
| framework | String | The chosen testing library (playwright or cypress) |
| url | String | Optional URL to analyze for DOM structure context |
| output | Code | The resulting test file content with assertions and selectors |
E2E Test Generator Advanced Features
- Multi-framework support for both Playwright and Cypress environments.
- Automated selector prioritization using data-testid attributes for stability.
- URL-to-test conversion for quick auditing of existing live pages.
- Seamless integration into automated CI/CD pipelines as part of the Openclaw Skills suite.
SKILL.md
Loading
Related Openclaw Skills
Dockerfile Generator
A smart CLI tool that scans your project to generate optimized, multi-stage Dockerfiles and configuration files automatically.
Diff Summary
Transform complex git diffs into plain-English summaries for faster code reviews and automated pull request descriptions.
Deps Analyzer
A zero-config AI tool that identifies unused dependencies and flags security vulnerabilities to optimize your package.json.
CSS to Tailwind
An AI-powered utility that converts legacy CSS files into optimized Tailwind CSS utility classes while preserving complex selectors and media queries.
Code Explainer
An AI-powered command-line utility that translates dense, technical code into plain English explanations.
Landing Page Generator
Transform simple product descriptions into production-ready, conversion-optimized React and Tailwind landing pages instantly.
METADATA
Featured*
