Do I need to install Playwright manually?

No, Playwright is configured to install automatically if it is not already present on your system when the skill is invoked.

Can I use this for native mobile app testing?

No, this skill is specifically optimized for web applications. For native mobile apps, you should use tools like React Native Testing Library.

What are the recommended selectors for testing?

For more resilient tests, it is recommended to use data-testid or role-based selectors rather than relying on brittle CSS classes or IDs.

How does this skill assist with debugging failed tests?

The skill provides automated screenshot capture on failure, allows you to view browser console logs, and enables inspection of network requests to pinpoint errors.

Does this skill require a running server?

Yes, the skill is designed to test locally running web applications or accessible URLs; ensure your local development server is active before initiating tests.

Playwright Web Application Testing

Name: Playwright Web Application Testing
Author: dhar174

bydhar174

•

セキュリティとテスト

Automates and validates local web applications using Playwright to ensure seamless UI functionality and reliable user flows.

The Web Application Testing skill provides a robust toolkit for developers to interact with and verify local web applications through browser automation. Leveraging Playwright, it allows Claude to perform complex frontend tasks such as navigating URLs, filling forms, and capturing full-page screenshots for debugging. Whether you are validating responsive designs across viewports, inspecting browser console logs, or troubleshooting UI inconsistencies, this skill streamlines the testing process by providing clear implementation patterns and automated verification capabilities directly within the agentic workflow.

主な機能

01Support for complex form submissions and user flow simulation

02Real-time UI verification and content assertion

03Cross-viewport testing for responsive design validation

04Diagnostic screenshot capture and console log inspection

05Automated browser interaction and navigation via Playwright

061 GitHub stars

ユースケース

01Verifying frontend functionality after code changes or refactors

02Automating regression tests for local development servers

03Debugging UI glitches by capturing and analyzing browser state

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dhar174/langgraph_system_generator webapp-testing

For use in Claude.ai and ChatGPT

Download Skill