How does this skill help with debugging?

It allows you to capture full-page screenshots and retrieve browser console logs, making it easy to see exactly what happened during an automated session.

Do I need to install Playwright manually to use this skill?

No, the skill is designed to automatically install Playwright if it is not already detected on your system.

What are the system requirements for this skill?

The skill requires a Node.js environment to be installed on your system to execute Playwright scripts.

Can I test mobile responsiveness?

Yes, the skill supports checking responsive design by allowing you to verify UI behavior across different viewport sizes.

Can I test production websites or only local ones?

While optimized for local development environments, the skill can navigate to and interact with any publicly accessible URL.

Web Application Testing

Name: Web Application Testing
Author: Tahir-yamin

byTahir-yamin

•

セキュリティとテスト

Automates local web application testing and UI verification using Playwright to ensure frontend quality and functionality.

The Web Application Testing skill provides a robust toolkit for developers to perform end-to-end testing and visual debugging of local web applications directly through Claude. By leveraging Playwright, it enables automated browser navigation, form interaction, and responsive design verification. This skill is particularly useful for validating complex user flows, capturing screenshots for bug documentation, and inspecting browser console logs to identify frontend errors before code is committed.

主な機能

01Automated form submission and user flow validation

025 GitHub stars

03End-to-end browser automation and navigation

04Responsive design testing across custom viewports

05Real-time screenshot capture for visual debugging

06Browser console log and network request inspection

ユースケース

01Debugging complex user interactions and form validation logic

02Verifying frontend functionality and UI components in a real browser environment

03Generating visual documentation and evidence of UI states for bug reports

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add tahir-yamin/dev-engineering-playbook webapp-testing

For use in Claude.ai and ChatGPT

Download Skill