C✳CODEZ.WIN
🌐 日本語

ローカライズされた読書ガイド

webapp-testing目的、用途、および情報源

Playwrightを使用してローカルWebアプリケーションを操作およびテストするためのツールキット。フロントエンド機能の検証、UI動作のデバッグ、ブラウザのスクリーンショットの取得、ブラウザログの表示をサポートします。

ソースを取得しました:

出典リポジトリ
anthropics/skills
SKILL.md
skills/webapp-testing/SKILL.md
リポジトリの Star
185,373
リポジトリの最終更新
2026-10-29
能力分類
開発
最終収集時刻

ライセンス: ライセンスファイル未検証

ワークフローの抜粋は、Codezによる実行可能な指示ではなく、あくまでも参考資料です。このページを作成するために、サードパーティ製のスキルは実行されていません。

以下の目的とワークフローに関する記述は、上流工程に関する資料であり、読みやすいように整理・翻訳されています。これらは、別途ラベル付けされたCodez編集分析とは区別されます。

このスキルが何をするか

Playwrightを使用してローカルWebアプリケーションを操作およびテストするためのツールキット。フロントエンド機能の検証、UI動作のデバッグ、ブラウザのスクリーンショットの取得、ブラウザログの表示をサポートします。

上流ワークフローの仕組み

Webアプリケーションテスト

ローカルWebアプリケーションをテストするには、ネイティブのPython Playwrightスクリプトを作成します。利用可能なヘルパースクリプト:

上流への航路 · L7 ↗

例:with_server.py

サーバーを起動するには、以下を実行します。--helpまず、次にヘルパーを使用します: 複数のサーバー (例: バックエンド + フロントエンド):

上流への航路 · L35 ↗

偵察・行動パターン

レンダリングされたDOMを検査する:検査結果からセレクタを特定する

上流への航路 · L65 ↗
上流への航路 · ↗
User task → Is it static HTML?
    ├─ Yes → Read HTML file directly to identify selectors
    │         ├─ Success → Write Playwright script using selectors
    │         └─ Fails/Incomplete → Treat as dynamic (below)
    │
    └─ No (dynamic webapp) → Is the server already running?
        ├─ No → Run: python scripts/with_server.py --help
        │        Then use the helper + write simplified Playwright script
        │
        └─ Yes → Reconnaissance-then-action:
            1. Navigate and wait for networkidle
            2. Take screenshot or inspect DOM
            3. Identify selectors from rendered state
            4. Execute actions with discovered selectors

要件とセットアップ

このファイルから要件定義の短い記述が選択されませんでした。これは、スキルに依存関係がないという意味ではありません。リポジトリの設定手順と参照ファイルを確認してください。

制限事項と品質チェック

よくある落とし穴

❌ DOM を検査する前に待機しないでくださいnetworkidle動的アプリの場合 ✅ お待ちくださいpage.wait_for_load_state('networkidle')検査前

上流への航路 · L78 ↗

まずは安全なトライアルから始めましょう

  1. サポートされているホストとリポジトリのインストール手順を確認してください。スキルディレクトリと、それに関連付けられているスクリプト、アセット、ドキュメントはまとめて保管してください。SKILL.md単独では依存関係を省略できる場合があります。
  2. エージェントに実際の入力、希望する出力、および受け入れ基準を指定してください。呼び出し構文と利用可能なツールはホストによって異なります。このサイトは、汎用的なインストールコマンドを前提としていません。
  3. 使い捨てプロジェクトまたはコピーで、元のワークフローを試してみてください。ファイル、リモートサービス、または課金対象リソースを変更する操作は、許可する前に必ず確認してください。
  4. 出力結果をソースの品質チェックおよび独自の要件と照らし合わせて検証してください。トリガーが成功したことやリポジトリのスター数が多いことだけでは、正しい結果とは言えません。

スキルフォーマットとディレクトリの仕様 ↗

詳細は出典元をご覧ください。

翻訳と範囲

この読書ガイドは、ピン留めされた上流からの抜粋を選りすぐっていますSKILL.md翻訳は補助的なものです。完全なマニュアルではなく、互換性テスト済みであることを保証するものでもありません。ご使用前に原文および参照ファイルをお読みください。

この紹介文は、下記に固定表示されているバージョンに関するものです。現在のリポジトリのアクティビティと収集時間は別途表示されます。

ピン留めされたソース
原文を読む ↗
ソースを取得しました
ソースコミット
ca45fc496a3436251f191354091d557da31c15b5
ソースSHA-256
51b7349e77ec63b7744a6f63647e7566a0b4d2e301121cc10e8c2113af6556a2
スキルカタログ全体に戻る