skills.rest
cskiro
cskiroCOMMUNITY
Explore all skills by this author →
GitHub

e2e-testing

Automate Playwright end-to-end test setup, generation, and regression detection.

7|3|Updated Oct 19, 2025
Search Tags:#automation#qa#playwright#ui-testing#e2e-testing#visual-regression
One-click install
npx skills add https://github.com/cskiro/annex --skill e2e-testing-cskiro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: e2e-testing
Source: https://github.com/cskiro/annex/tree/main/skills/e2e-testing
Command: npx skills add https://github.com/cskiro/annex --skill e2e-testing-cskiro

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, typescript, @types/node, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Automate end-to-end UI testing for modern web apps using Playwright, with visual debugging, regression testing, and actionable fixes. Zero-setup for React, Next.js, Vue, Node.js, and static sites.

Core Features & Use Cases

  • Zero-Setup Automation: Detects app type, installs Playwright, and generates tests automatically
  • Visual Debugging & Regression: LLM-powered visual analysis to identify UI issues and regressions
  • Production-Ready Output: Exports a ready-to-run test suite with baseline/snapshots

Quick Start

Trigger phrases like "set up e2e testing for my app" to generate and run a production-ready Playwright test suite.

Frequently Asked Questions about e2e-testing

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

FAQPage Schema
How do I set up end-to-end testing for my React or Next.js app?▼

End-to-end testing automates UI validation across your app's workflows. This Skill detects your framework, installs Playwright, generates tests automatically, and exports a production-ready test suite—no manual setup required.

Can Playwright detect visual regressions and UI bugs automatically?▼

Yes. Playwright captures visual baselines and compares screenshots to identify regressions. This Skill uses LLM-powered analysis to flag UI issues, generate fixes pinpointed to file:line, and export actionable reports.

What frameworks and app types does Playwright e2e testing support?▼

Playwright e2e testing works with React, Next.js, Vue, Node.js backends, and static sites. This Skill auto-detects your framework and environment, applies version-aware configuration, and generates tests tailored to your stack.

Do I need to write test code manually, or can tests be generated automatically?▼

Tests are generated automatically. This Skill analyzes your app, detects components and workflows, and produces a ready-to-run Playwright test suite with baseline snapshots—no hand-coding required.

How do I integrate e2e tests into CI/CD pipelines?▼

E2e tests export as structured, CI/CD-ready artifacts with baselines and regression reports. This Skill outputs production-grade test suites that run in automated pipelines and flag failures with file:line precision.

What happens if my app uses an unsupported framework or older dependencies?▼

This Skill performs pre-flight validation to check framework and dependency compatibility. If issues are detected, it reports them with actionable guidance before test generation begins.

Related Skills

Explore More Software Engineering Skills→
jbaranskijbaranski

jeff-skill-install-nodejs

Install and configure the latest Node.js LTS version using nvm.

Community
Intermediate
terrazul-aiterrazul-ai

regression-test

Automate regression testing to verify software stability after changes.

Official
Advanced
ganeshgaxyganeshgaxy

noob-visual

Execute a pre-claimed visual test case with baseline capture or pixel-diff verification.

Community
Advanced
LambdaTestLambdaTest
350

smartui-skill

Generate SmartUI visual regression test configurations for Playwright, Selenium, Cypress, and Puppeteer.

Official
Advanced