agent-browser
AIエージェントでウェブブラウザ操作を自動化
こちらからも入手できます: vercel-labs,inferencesh,inference-sh-9,inference-sh-8,inf-sh,inference-sh-0
フォーム入力、データ抽出、テストなどのウェブ操作を手動ブラウザ制御なしで自動化します。このスキルはシンプルな要素参照システムを通じてAIエージェントにブラウザ自動化機能を提供し、複雑なセレクターやXPathクエリの必要性を排除します。
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「agent-browser」を使用しています。 Open https://example.com and show me interactive elements
期待される結果:
Session created: abc123
Interactive elements:
@e1 [a] 'Home' href='/'
@e2 [input type='text'] placeholder='Search'
@e3 [button] 'Submit'
Screenshot saved to: /tmp/screenshot.png
「agent-browser」を使用しています。 Click the search button and wait for results
期待される結果:
Action completed: clicked @e3
Waiting for page load...
Snapshot updated: 5 new elements found
Current URL: https://example.com/search?q=test
「agent-browser」を使用しています。 Extract all headlines from the page
期待される結果:
Executing JavaScript: document.querySelectorAll('h2').map(h => h.textContent)
Result: ['Introduction', 'Features', 'Pricing', 'Contact']
Screenshot saved
セキュリティ監査
安全All 606 static findings are false positives. The skill contains only documentation (markdown files) and template shell scripts. The external_commands findings are code examples in markdown showing users how to use the infsh CLI tool. The network findings are example URLs in documentation. The filesystem findings are example file paths. The skill itself does not execute any commands - it provides documentation for a third-party CLI tool (inference.sh). Users execute the commands themselves, not the skill.
リスク要因
⚙️ 外部コマンド (3)
🌐 ネットワークアクセス (2)
📁 ファイルシステムへのアクセス (2)
品質スコア
作れるもの
自動フォームテスト
QAエンジニアは複数のブラウザでフォーム送信ワークフローを自動化し、手動クリックなしで検証ロジックとエラー処理をテストできます
Webアプリからのデータ抽出
研究者はログインが必要なWebアプリケーションから構造化データを抽出でき、認証済みセッションをナビゲートしてレポートやダッシュボードをスクレイピングできます
回帰テスト
開発者はコード変更後にチェックアウトプロセスやアカウント登録などの重要なユーザーフローを検証するための、再現可能なブラウザ自動化スクリプトを作成できます
これらのプロンプトを試す
Open https://example.com and show me all interactive elements on the page
Fill in the login form with username 'user@example.com' and password 'secret123', then click the submit button
Navigate to https://example.com/data and execute JavaScript to extract all product names and prices into a structured format
Open a browser session with video recording enabled, navigate through the checkout flow, and save the video for debugging
Click the search button and wait for results
Wait for the page to fully load, then extract all headlines
ベストプラクティス
- DOMが変更されると@e参照が無効になるため、ページナビゲーション後は必ず再スナップショットを取得して新しい要素参照を取得してください
- automationスクリプトに認証情報をハードコードせず、環境変数を使用してください
- ブラウザセッションが完了したらリソースを解放し、記録された動画を取得するためにセッションを閉じてください
- 開発中は動画記録を有効にし、本番実行ではパフォーマンスを向上させるために無効にしてください
回避
- リンクをクリックしたりフォームを送信した後は要素参照を再利用しないでください。ナビゲーション後に新しい参照を取得するために必ずsnapshotを呼び出してください
- 活動のない長いセッション時間は避けてください。セッションがタイムアウトして状態が失われる可能性があります
- このスキルを使用するautomationスクリプトに認証情報またはAPIキーをコミットしないでください
- ビューポートで要素が可視になる前に操作しようとしないでください