webapp-testing
Playwright でローカル Web アプリをテストする
フロントエンドのバグでは、実行中のアプリから得られるブラウザレベルの証拠が必要になることがよくあります。このスキルは、Claude、Codex、Claude Code が Playwright による検査と自動化を行うためのガイドです。
このスキルは 2 個のパックに含まれています
タスクに必要なすべてのスキルを、パックごと 1 コマンドでインストールできます。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "webapp-testing" from https://skillstore.io/skills/webapp-testing.md and its manifest at https://skillstore.io/api/skills/webapp-testing/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「webapp-testing」を使用しています。 ローカル開発サーバー上のダッシュボードページをテストしてください。
期待される結果:
ダッシュボードは正常に読み込まれました。ナビゲーションリンク、3 つのアクションボタンが見つかり、初期読み込み中にブラウザコンソールエラーはありませんでした。
「webapp-testing」を使用しています。 設定フォームが送信後に失敗する理由を見つけてください。
期待される結果:
フォームは送信されますが、その後メールフィールドの検証エラーが表示されます。ブラウザコンソールには、送信後に失敗したリクエストが 1 件報告されています。
「webapp-testing」を使用しています。 静的 HTML ファイルを検査し、問い合わせフォームが動作することを確認してください。
期待される結果:
静的ページはローカルファイルから開かれました。名前とメールのフィールドは入力を受け付け、送信ボタンによってページ状態が変化しました。
セキュリティ監査
中リスクThe real risks are intentional local browser automation, filesystem output, and external command execution through the server helper. Most Markdown backtick findings are false positives, but the helper uses shell-based server commands and should be handled with care.
確認済みのセキュリティ上の懸念 (1)
機能レビュー項目 (8)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
リスク要因
🌐 ネットワークアクセス (3)
📁 ファイルシステムへのアクセス (4)
⚙️ 外部コマンド (23)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/webapp-testing/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/webapp-testing?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/webapp-testing?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/webapp-testing/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/webapp-testing.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学術引用 (APA · BibTeX · CFF)
APA形式の引用
anthropics. (2026). webapp-testing security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/webapp-testing/audits/8BibTeX形式の引用
@techreport{anthropics-webapp-testing-2026,
author = {anthropics},
title = {webapp-testing security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/webapp-testing/audits/8},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "webapp-testing security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "anthropics"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/webapp-testing/audits/8"
identifiers:
- type: other
value: "skillstore:webapp-testing:audit:8"
description: "Skillstore immutable audit report identifier"
バリアントを比較
インストール可能なバリアント 11 件各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
autumnsgrove-webapp-testing
2026-09-09
cam10001110101-webapp-testing
2026-09-09
Skillstore スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
ローカル UI フローを検証する
ローカルアプリを実行し、Chromium で開いて、主要なボタンとフォーム操作が機能することを確認します。
デバッグ証拠をキャプチャする
バグレポートにブラウザレベルの詳細を含められるように、スクリーンショットとコンソール出力を収集します。
レンダリングされた Selector を検査する
動的ページ向けに信頼性の高い自動化を書く前に、利用可能なコントロールと selector を検出します。
これらのプロンプトを試す
webapp-testing skill を使って、port 5173 のローカルアプリを開いてください。スクリーンショットをキャプチャし、表示されているボタン、リンク、入力欄を一覧表示してください。
このスキルで Playwright を使って sign-in flow をテストしてください。必要なサーバーを起動し、ページを待機し、フローを実行して、結果を報告してください。
console logging pattern を使って問題を再現してください。ブラウザのコンソールメッセージをキャプチャし、失敗した操作を記録して、考えられるフロントエンド側の原因を要約してください。
server helper を使って backend と frontend のサービスを実行してください。両方の port の準備ができたら、checkout flow を検証する Playwright script を実行してください。
ベストプラクティス
- helper script は使用前に help output を付けて実行してください。
- 動的ページを検査する前に、network idle または stable selector を待機してください。
- 信頼できるローカルサーバーコマンドを使用し、出力パスを確認してください。
回避
- 不明なサーバーコマンドを helper 経由で実行しないでください。
- クライアントサイドレンダリングが完了する前に動的ページを検査しないでください。
- コンソールログにエラーが表示されている場合、スクリーンショットだけに頼らないでください。
よくある質問
このスキルは何をテストしますか？
開発サーバーを起動できますか？
静的 HTML ファイルをテストできますか？
Claude Code と Codex をサポートしていますか？
どのようなコマンドでも安全に使えますか？
完全なテストスイートの代わりになりますか？
開発者情報
作成者
anthropicsライセンス
Complete terms in LICENSE.txt
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
メンテナンスの新しさ
2026/7/20
利用状況
73 ダウンロード · 321 閲覧
ファイル構成