01
このSkillでできること
- ✓ユーザーの実ブラウザーでログイン後のページを閲覧・比較する
- ✓ページ上の要素を確認し、クリック、入力、キー操作、待機を行う
- ✓レスポンシブ表示やアクセシビリティの状態を監査する
- ✓ネットワーク通信を取得し、リクエストや署名の仕組みを調査する
02
使い方
01
STEP 1
対象ページを新しいタブで開き、ページの意味的なスナップショットを確認する
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/woniu9524/open-web-bridge手動でインストールする
README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。
npm i -g open-web-bridge # CLI + extension files + agent skill, one command
owb setup # walks you through the one step you must do yourself
owb # self-check — two ✓ and you are readynpm i -g open-web-bridge # CLI + extension files + skill, in one command
owb setup # walkthrough: extension path, skill install, self-checkcd owb-relay
npm install
npx wrangler login # one browser authorization
npx wrangler deploy # prints https://owb-relay2.<subdomain>.workers.dev04
このSkillを使うプロンプト例
Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。
OWBで現在のブラウザーに開いている管理画面を確認し、ログイン後の売上データを取得して、表示崩れがないかスマートフォン幅でも監査してください。出力例を見る
ページ内の主要な数値を整理し、確認した表示上の問題、再現手順、関連する通信リクエストを報告します。05
安全性チェック
自動解析による参考情報です。Skillの安全性を保証するものではありません。
外部API通信検出あり
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
- network: from this task [large code block omitted]bash owb open https://example.com --new-tab true # ← don't skip this, see below owb page
- network: b-bridge -g -y [large code block omitted]bash owb open https://example.com owb page # semantic snapshot: interactive elements numbered @e
06