webapp-testing Claude Code スキル
Claude Code スキルClaude Codeコード品質・レビュー・テストWeb・アプリ開発以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
これはローカルのWebアプリケーションに対してPlaywrightを用いたPythonスクリプトを書き、動作確認やデバッグを行うためのClaudeスキルです。複数のローカル開発サーバーの起動・停止を管理するヘルパースクリプトが用意されており、静的HTMLか動的なアプリかに応じてどちらの検証手順を取るかを判断するためのフローも含まれています。要素探索、静的HTMLの自動操作、コンソールログ取得などのサンプルスクリプトも付属します。SKILL.mdによると、ネットワークの待機が完了する前にDOMを検査することは避け、ネットワークアイドル状態を待ってからスクリーンショット取得や検査を行う点が重視されています。付属スクリプトは内容を読み込むのではなく、ブラックボックスとして直接実行する使い方が想定されています。
webapp-testing でできること
- Playwrightスクリプトを書いてローカルWebアプリの操作・検証を行う
- ヘルパースクリプトで単一または複数のローカル開発サーバーの起動・停止を管理する
- ページ全体のスクリーンショットを取得して表示状態を確認する
- レンダリング後のDOMを調べ、ボタンやリンク、入力欄などのセレクタを特定する
- 自動操作中にブラウザのコンソールログを取得する
- 静的HTMLか動的アプリかに応じて、検証手順を選ぶ判断フローに従う