Skills DirectoryGitHub から厳選したオープンソースの Skills
日本語

webapp-testingcommit b9e19e6SKILL.md · テスト・デバッグ

Webアプリのテスト

Python の Playwright スクリプトを書いてローカルのWebアプリをテストし、スクリーンショットやブラウザログを取得します。

npx skills add anthropics/skills --skill webapp-testing
権限
  • read-repo
  • write-files
  • shell
  • network
対応ツール
Claude Code
GitHub
186.0k
提供元
公式 · Anthropic
状態
スキャン済み
ライセンス
Apache-2.0
カテゴリ
テスト・デバッグ
リポジトリ
github.com/anthropics/skills/skills/webapp-testing

基本ルール

動的なアプリでは、DOMを調べる前に必ず networkidle を待つこと。

実行フェーズ

  1. フェーズ 01方法を選ぶ

    静的HTMLならファイルを直接読んでセレクターを探し、動的アプリならサーバーが起動済みかを確認します。

  2. フェーズ 02サーバーを起動

    まず scripts/with_server.py --help を実行し、それを使って1つ以上のサーバーを起動して自動化スクリプトを動かします。

  3. フェーズ 03ページを偵察

    ページを開いて networkidle を待ち、スクリーンショットやレンダリング後のDOMからセレクターを特定します。

  4. フェーズ 04操作を実行

    ヘッドレスChromiumで特定したセレクターを使って操作し、必要に応じてコンソールログを記録し、最後にブラウザを閉じます。

権限の説明（SKILL.md より）

機能必要か説明
ファイル書き込み必要Playwrightの自動化スクリプトを書き、スクリーンショットをローカルに保存します。
コマンド実行一部で必要Python の Playwright スクリプトを実行し、with_server.py でローカルサーバーを起動します。
外部通信不要ローカルで動くアプリ（localhost や file://）だけにアクセスし、外部ネットワークは使いません。

SKILL.md のフロントマター（YAML）

SKILL.md のフロントマター（YAML）commit b9e19e6
---
name: webapp-testing
description: 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.
license: Complete terms in LICENSE.txt
---

関連スキル

ルールスキャンですべてのリスクを検出できるわけではありません。インストール前にこのスキルの SKILL.md を読み、権限を確認してください。
Markdown 版 GitHub