ホーム チュートリアル カテゴリ Skills サイトについて
ZH EN JA KO
🤖

Agent Browser

ブラウザ ブラウザ・自動化

インストールコマンド

npx clawhub@latest install agent-browser

インストール手順

1
環境確認

Node.js 22以上とOpenClawがインストール済みであることを確認してください。ターミナルでopenclaw --versionを実行して確認できます。

2
インストール実行

上記のインストールコマンドをターミナルで実行します。ClawHubが自動的にAgent Browserを~/.openclaw/skills/ディレクトリにダウンロード・インストールします。

3
インストール確認

openclaw skills listを実行してインストール済みスキル一覧を確認し、Agent Browserが表示されていることを確かめてください。

4
パラメータ設定(任意)

下記の紹介にある設定手順に従い、~/.config/openclaw/openclaw.json5にスキルの設定項目を追加してください。

手動インストール方法:Skillフォルダを~/.openclaw/skills/またはプロジェクトのskills/ディレクトリにコピーしてください。フォルダ内にSKILL.mdファイルが必要です。
Playwright フォーム入力 スクリーンショット

詳細紹介

Agent Browser は OpenClaw の「目と手」であり、AI が人間のようにウェブブラウザを操作して、様々なウェブインタラクションタスクを完了できます。

コア機能

  • ウェブ閲覧:URL を開く、ナビゲーション、スクロール、ページ読み込み待機
  • 要素操作:ボタンクリック、フォーム入力、ドロップダウン選択、ファイルアップロード
  • 情報抽出:ページテキストの取得、テーブルデータの読み取り、特定要素内容の抽出
  • スクリーンショット:ページ全体または特定領域のキャプチャ
  • マルチタブ:複数のタブを同時に開いて操作可能
  • Cookie 管理:ログイン状態の保存と復元

設定方法

Playwright の依存関係のインストールが必要です。

{
  skills: {
    "agent-browser": {
      headless: true,
      viewport: { width: 1280, height: 720 },
      timeout: 30000,
      userAgent: "custom-ua-string"
    }
  }
}

インストール後、npx playwright install chromium でブラウザエンジンのインストールも必要です。

使用シーン

  • オンラインフォームや申請書の自動入力
  • JavaScript レンダリングが必要な動的ウェブページのコンテンツ取得
  • ウェブサイト機能の自動テスト
  • レポートやアーカイブ用のウェブページスナップショット取得

注意事項

ブラウザ自動化はシステムリソースを多く消費します。サーバーサイドでは headless モードでの実行を推奨し、適切なタイムアウト時間を設定してください。