webapp-playwright-testing

This skill enables comprehensive browser-based testing and debugging for web applications using Playwright MCP. It provides live browser interaction, UI validation, screenshot capture, console log inspection, and accessibility verification to ensure your web application behaves as expected.

Activation: This skill is triggered when you need to interact with a browser, validate UI elements, capture screenshots, or debug web application issues.

| browsernavigate | Go to a URL | "Navigate to http://localhost:3000/login" | | browserclick | Click elements | "Click the Submit button" | | browserfillform | Fill input fields | "Fill the email field with test@example.com" | | browserhover | Hover over elements | "Hover over the dropdown menu" | | browserpresskey | Keyboard input | "Press Enter" |

Web アプリケーションをテストするための Playwright MCP を使用したブラウザ自動化ツールキット。ページの移動、要素のクリック、フォームへの入力、スクリーンショットの撮影、UI コンポーネントの検証、コンソール ログの確認、フロントエンドの問題のデバッグ、またはレスポンシブ デザインの検証を求められた場合に使用します。ライブブラウザインタラクションとアクセシビリティスナップショットをサポートします。 ソース: fugazi/test-automation-skills-agents。