webapp-testing スキル
スキル Claude Code コード品質・レビュー・テストWeb・アプリ開発以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
SKILL.mdによると、webapp-testingはPlaywrightを用いたネイティブなPythonスクリプトを書いて、ローカルのWebアプリケーションをテストするためのツールキットです。静的HTMLを直接読む方式と、動的なWebアプリに対する「調査してから操作する」方式のどちらを選ぶかを示す決定木が用意されています。scripts/with_server.pyというヘルパースクリプトがあり、1つまたは複数のローカルサーバーの起動・終了を管理する役割を担っています。ガイドでは、ヘルパースクリプトのソースを読む前にまず--helpで使い方を確認すること、そしてDOMを調べる前に networkidle を待つことが重視されています。element_discovery.py、static_html_automation.py、console_logging.pyといった付属のサンプルスクリプトで、要素検出や静的HTMLの操作、コンソールログの取得といった典型的なパターンを示しています。
概要
これはSaaSではなく、ローカルWebアプリの自動操作・テストのための指示書、サーバー管理用ヘルパースクリプト、PlaywrightのサンプルスクリプトをまとめたClaude用のスキルです。
webapp-testing でできること
- Playwrightを使ったPythonスクリプトでローカルWebアプリケーションを操作・検証する
- scripts/with_server.pyで1つまたは複数のローカルサーバーの起動・終了を自動管理する
- 静的HTMLの直接読み取りと、動的アプリに対する調査後の操作という2つの手法を決定木に沿って選ぶ
- networkidleを待ってからスクリーンショットやpage.content()、ロケーターでDOMを確認し、セレクタを特定する
- ブラウザのスクリーンショット取得やコンソールログの確認を自動化スクリプト内で行う
- element_discovery.py、static_html_automation.py、console_logging.pyなどのサンプルを参照する
出典
原文の説明（英語）
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.