Which frameworks are supported for zero-setup?

It provides zero-setup support for React, Next.js, Vue, Node.js, and static websites, automatically detecting the environment during the discovery phase.

Does this skill support mobile app testing?

No, this skill is specifically designed for web applications and browser-based testing; it does not support native mobile apps like iOS or Android.

How does the visual analysis work?

The skill captures screenshots during test execution and uses LLM-powered analysis to identify UI bugs, layout shifts, and accessibility issues that traditional code assertions might miss.

Is the generated test suite CI/CD compatible?

Yes, the skill includes a dedicated export phase that packages the test suite for integration with CI/CD providers like GitHub Actions and GitLab CI.

Can I use this for API testing?

While Playwright supports API testing, this specific skill is optimized for UI-driven end-to-end testing and visual analysis. For API-only testing, other specialized skills are recommended.

Playwright E2E Testing & Visual Debugging

Name: Playwright E2E Testing & Visual Debugging
Author: cskiro

bycskiro

0•

보안 및 테스팅

Automates Playwright end-to-end testing with LLM-powered visual analysis and actionable fix recommendations.

This skill provides a comprehensive, automated workflow for managing the Playwright end-to-end testing lifecycle. It features zero-setup integration for major frameworks like React, Next.js, and Vue, utilizing LLM-powered analysis to detect UI bugs directly from screenshots. By combining automated browser interactions with visual regression detection and baseline comparisons, it identifies UI inconsistencies and provides developers with specific code fix recommendations, including file paths and line numbers, to streamline the debugging process.

주요 기능

01LLM-powered visual analysis to identify UI bugs and accessibility issues

02Actionable fix recommendations with specific file paths and line numbers

03Zero-setup Playwright automation for React, Next.js, Vue, and Node.js

04Automated screenshot capture with before-and-after interaction context

05CI/CD-ready test suite export for automated regression testing

060 GitHub stars

사용 사례

01Creating a visual regression suite to catch unintended UI changes before production

02Debugging complex visual or UI issues that are difficult to describe via text alone

03Setting up a complete Playwright testing environment from scratch for a new web application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cskiro/claudex e2e-testing

For use in Claude.ai and ChatGPT

Download Skill