skills.rest
Cheryl-station
Cheryl-stationCOMMUNITY
Explore all skills by this author →
GitHub

web-ui-autotest-generator

Generate Playwright UI tests by analyzing frontend and backend source code.

24|9|Updated May 31, 2026
Search Tags:#automation#typescript#testing#frontend#qa#playwright
One-click install
npx skills add https://github.com/Cheryl-station/web-ui-autotest --skill web-ui-autotest-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-ui-autotest-generator
Source: https://github.com/Cheryl-station/web-ui-autotest/tree/main
Command: npx skills add https://github.com/Cheryl-station/web-ui-autotest --skill web-ui-autotest-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the challenge of creating and maintaining high-quality, stable UI automation tests by analyzing your existing frontend and backend source code to generate comprehensive test suites.

Core Features & Use Cases

  • Automated Test Generation: Scans routes, components, and API dependencies to create Playwright Page Objects and specs.
  • Stability Auditing: Identifies fragile selectors and suggests stable alternatives like data-testid to reduce test flakiness.
  • Coverage & Reporting: Automatically generates coverage reports and中文 (Chinese) test summaries to track testing gaps and failure repair plans.

Quick Start

Use the web-ui-autotest-generator skill to scan the current project and generate a complete ui-test-manifest.json file.

Frequently Asked Questions about web-ui-autotest-generator

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

FAQPage Schema
How do I generate Playwright tests automatically from existing source code?▼

To generate Playwright tests from source code, you need a tool that scans your frontend routes, components, and backend API dependencies to output maintainable Page Objects and spec files automatically.

How do I fix flaky Playwright tests caused by fragile selectors?▼

Fix flaky Playwright tests by auditing selector stability; identifying fragile selectors in your source code and replacing them with stable data-testid attributes reduces test flakiness significantly.

Can I integrate automated UI test generation into a CI/CD pipeline?▼

Automated UI test generation supports CI/CD integration by producing an independent test suite that executes autonomously, outputs coverage reports, and provides automated failure analysis.

What is the best way to audit frontend testing coverage gaps?▼

Auditing frontend testing coverage gaps is best handled by generating automated coverage reports that scan your source code structures to track missing test specs and identify failure repair plans.

Does automated UI test generation work with TypeScript projects?▼

Automated UI test generation works with TypeScript projects by analyzing your typed source code structures to generate a complete ui-test-manifest.json file for your test suite.

Why do my Playwright UI tests keep breaking after frontend updates?▼

Playwright UI tests break after frontend updates when selectors are tightly coupled to code structure; generating tests from source code with stable data-testid attributes prevents this fragility.

Related Skills

Explore More Software Engineering Skills→
Exia-thdExia-thd

code-reviewer

Analyze source code and produce severity-ranked review reports with metrics and auto-fix suggestions.

Community
Advanced
excattexcatt
14

pytest-runner

Executes Python test suites with pytest and generates detailed coverage reports.

Community
Advanced
vobbilisvobbilis
1

playwright-automation

Automate Playwright end-to-end tests for React micro frontends using data-testid selectors and Page Object Models.

Community
Advanced
rudironsonirudironsoni

dotnet-playwright

Automate browser interactions and end-to-end tests for .NET applications with Playwright.

Community
Intermediate