SAIスキル大辞典Agent Skills Dictionary
⌕
文字
トップ›Skill›browser-qa
テスト・QA

browser-qa

Browser QA

実ブラウザーでWebアプリを調査・操作し、状態、コンソールエラー、ネットワーク、スクリーンショットを証拠として収集するQAスキル。

AIスキル大辞典による日本語要約
品質評価90/100評価確度：十分
人気度（GitHub Star） 80発掘スコア 67
01

このSkillでできること

  • ✓実ブラウザーでWebアプリの画面構造や認証状態を確認する
  • ✓実際の要素に基づいてセレクターを発見し、操作後の状態を検証する
  • ✓コンソールログや失敗したリクエストを確認する
  • ✓落ち着いた状態の画面をスクリーンショットとして記録する
02

使い方

01
STEP 1

操作前に対象ページを開き、要素がREADYになるまで待って構造・見出し・コントロール・URLを確認する

02
STEP 2

操作後にURL、対象要素の表示内容や属性、画面上のフィードバックを記録する

03
STEP 3

画面遷移や再レンダリング後にページを読み直し、意図した効果や到達可能な副作用を確認する

04
STEP 4

フロー終了後にコンソールログを読み、状態が落ち着いてから適切な幅でスクリーンショットを撮る

03

Skillのインストール

初心者におすすめ

AIにこのSkillを追加してもらう

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/damianvtran/local-operator
手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

curl -LsSf https://raw.githubusercontent.com/damianvtran/local-operator/main/scripts/install.sh | sh
npx local-operator-ui              # download and run in one command
npm install -g local-operator-ui   # or install it globally
local-operator-ui                  # ...then start it by name
pip install "local-operator[server]"
lop serve                 # http://127.0.0.1:1111, docs at /docs
pip install "local-operator[all]"    # quote it, or your shell globs the brackets
04

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

実ブラウザーでこのWeb画面の主要フローをQAしてください。操作前に画面構造と認証状態を確認し、推測ではなく実際の要素からセレクターを選んでください。各操作について、URL、期待結果、実際の結果、コンソールエラー、スクリーンショットを記録してください。
出力例を見る
URL: https://example.test/...\n操作: 送信ボタンを選択\n期待結果: 成功メッセージが表示される\n実際の結果: 成功メッセージを確認\nコンソールエラー: なし\nスクリーンショット: settled-state.png
05

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報検出あり
検出根拠を見る
  • network: ys-on) - [💳 Subsc […truncated…] the [event4u-app](https://github.com/event4u-app) team. Its governed-skill and design-review material informed our
  • network: r design-qa builtin. - **[ehmo/platform-design-skills](https://github.com/ehmo/platform-design-skills)**: created by [ehmo](https://github.com/ehmo). I
  • credential: rough `secret_ref` on `browser type` — never a literal password in `text`; the ref resolves session-first (the `ask` answer), then the encrypted store. I
06

関連Skill