vercel-labs/agent-browser

AI作業用ブラウザ操作CLI。Rust製の高速ネイティブツール。

インストール型ツール自由に使える · Apache-2.0AI エージェントRust難易度
43,712+238今週0 保存
2,960フォーク415Issue
デモ・公式サイトをひらくagent-browser.dev

中辛 の解説

Rust製の軽量ブラウザ自動化CLIで、AIエージェント向けに設計されています。URLナビゲーション・クリック・入力・スクリーンショット・PDFエクスポートなど基本操作から、JavaScript実行・アクセシビリティツリー取得・WebMCP(ページ提供ツール)の検出と呼び出しまで対応します。セレクタ参照方式(アクセシビリティツリーの数字IDで指定)と従来のCSSセレクタの両方をサポートし、AIプロンプトとの親和性を高めています。前処理としてクッキー設定やネットワークルーティングを batch コマンドで一括実行できるため、SSR環境やログイン後のページ検証が効率的です。Chrome・Brave・既存のPlaywright/Puppeteer環境を自動検出し、カスタム実行ファイル指定にも対応します。

こんなリポジトリです

こんなときに便利です

  • AIエージェントが自然言語指示で複数ステップのWebタスク(検索・ログイン・フォーム送信)を実行する
  • SSR環境やクッキー認証が必要なページをテスト前に設定してからスクリーンショット・検証する
  • ページ提供のWebMCPツール定義を自動検出し、エージェントがそのツールを呼び出して情報取得や操作を行う

主な機能

セレクタ参照(アクセシビリティツリー数字ID)と従来のCSSセレクタの両方に対応WebMCP自動検出・スキーマ取得・ツール呼び出し機能クッキー・ネットワークルーティング・前処理を `batch` で一括実行可能

ほかとの違い

Rust製ネイティブバイナリでNode.js不要、Chrome DevTools Protocol直結、AIエージェント向けにスナップショット形式とWebMCP対応を標準装備しています。

このリポジトリの作り方

はじめてですか? むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。

準備するもの

  • Chrome for Testing(`agent-browser install` で自動ダウンロード)
  • ソースからビルドする場合は Node.js 24+、pnpm 11+、Rust

すぐに始める

  1. グローバルインストール
npm install -g agent-browser
agent-browser install
  1. ブラウザを起動してURLを開く
agent-browser open example.com
  1. ページのアクセシビリティツリーをスナップショット表示
agent-browser snapshot
  1. 要素をクリック、テキスト入力、スクリーンショット取得
agent-browser click @e2
agent-browser fill @e3 "test@example.com"
agent-browser screenshot page.png
  1. ブラウザを閉じる
agent-browser close

または従来のセレクタも使用可能:

agent-browser click "#submit"
agent-browser fill "#email" "test@example.com"

ギット飯トライで味見

入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。

ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。

npx gitbap-try vercel-labs/agent-browser

Node.js さえあれば、インストールなしで動きます · ギット飯トライとは? →

これを仕事に活かす

味見がすんだら次は応用です — 仕事やビジネスに活かす方法をまとめました。

レシピ — AI にこのまま頼んでみてください

レシピを読み込んでいます…

スター推移 · 7日

43,712+238 / 7日

確認日時

使いやすさ · まねしやすいか

ベストサンプルサンプル評点 62/100
  • ゆるいライセンス
  • テストあり
  • サンプル集
  • 最近の更新
  • AGENTS.md
  • llms.txt
  • テンプレート

最近の更新あり · 2026 年に作成

「AI エージェント」 こういうリポジトリを毎週受け取りませんか?

毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。

自分のリポジトリですか? README にギット飯バッジを貼る
[![깃밥](https://www.gitbap.com/badge/vercel-labs/agent-browser.svg)](https://www.gitbap.com/r/vercel-labs/agent-browser)
Claude からそのまま使う — ギット飯のつなぎ方

ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。

方法 ① コネクタ URL

Claude の設定 → コネクタにこのアドレスを貼り付け。

https://www.gitbap.com/api/mcp
方法 ② プラグイン(試用まで)

プラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
つなぎ方をくわしく →

AI が README をもとに要約しました · 原文を見る