e2e-writer

What This Skill Does

The e2e-writer skill is a powerful automation tool designed to eliminate the friction of writing end-to-end tests. It leverages intelligent analysis of your web components or live URLs to generate robust Playwright test suites. By inspecting the DOM and source code, it identifies critical user flows—such as authentication, form submissions, and navigation—and automatically crafts production-ready .spec.ts files. This tool is designed to work out of the box with zero configuration, handling complex async operations and edge-case error states so you don't have to write boilerplate code manually.

Installation

To install this skill directly into your OpenClaw environment, use the provided clawhub command:

clawhub install openclaw/skills/skills/lxgicstudios/e2e-writer

Ensure you have Node.js 18 or higher installed on your system. Once installed, the skill can be invoked via npx ai-e2e-gen followed by your target URL or local component path. No additional configuration files or API keys are required for the base functionality, making it a truly plug-and-play solution.

Use Cases

This skill is perfect for developers working on projects with little to no existing test coverage. It excels when you need to quickly generate baseline suites for new features or legacy pages that are prone to regressions. It is also an ideal choice for teams facing QA bottlenecks who need automated coverage immediately without waiting for a dedicated testing sprint. Whether you are performing a quick audit of a staging URL or scaffolding a full test suite for a complex React component, e2e-writer accelerates the development lifecycle significantly.

Example Prompts

1. "Generate a Playwright test suite for my Login component located at src/components/auth/LoginForm.tsx including tests for invalid credentials."
2. "Create an end-to-end test file for the checkout flow at https://shop.example.com/checkout, ensuring that the submit button interaction is covered."
3. "Scaffold tests for all UI components in the src/pages/dashboard/ directory to help us build a regression baseline."

Tips & Limitations

While the e2e-writer produces high-quality, executable code, always review the generated selectors. For the most stable test suites, consider adding dedicated data-testid attributes to your components, which the AI will recognize and prioritize over fragile CSS classes. Since the tool generates code based on analysis, it is recommended to run the tests immediately in a controlled environment. Note that while it covers happy paths and common errors, highly complex state-dependent UI may still require manual augmentation to fully handle every possible edge case.