agent-browser
ブラウザを手足のように操る。ページ遷移、フォーム入力、スクショ、なんでもこい。Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include 'go to [url]', 'click on', 'fill out the form', 'take a screenshot', 'scrape', 'automate', 'test the website', 'log into', or any browser interaction request. Do NOT load for: sharing URLs, embedding links, screenshot image files.
npx skills add majiayu000/claude-skill-registry --skill agent-browser-chachamaru127-claude-code-harness-4 --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Agent Browser Skill ブラウザ自動化を行うスキル。agent-browser CLI を使用して、UI デバッグ・検証・自動操作を実行します。 --- ## トリガーフレーズ このスキルは以下のフレーズで自動起動します: - 「ページを開いて」「URLを確認して」 - 「クリックして」「入力して」「フォームに」 - 「スクリーンショットを撮って」 - 「UIを確認して」「画面をテストして」 - "open this page", "click on", "fill the form", "screenshot" --- ## 機能詳細 | 機能 | 詳細 | |------|------| | **ブラウザ自動化** | See [references/browser-automation.md](references/browser-automation.md) | | **AI スナップショットワークフロー** | See [references/ai-snapshot-workflow.md](references/ai-snapshot-workflow.md) | ## 実行手順 ### Step 0: agent-browser の確認 ```bash # インストール確認 which agent-browser # 未インストールの場合 npm install -g agent-browser agent-browser install ``` ### Step 1: ユーザーのリクエストを分類 | リクエストタイプ | 対応アクション | |----------------|---------------| | URL を開く | `agent-browser open <url>` | | 要素をクリック | スナップショット → `agent-browser click @ref` | | フォーム入力 | スナップショット → `agent-browser fill @ref "text"` | | 状態確認 | `agent-browser snapshot -i -c` | | スクリーンショット | `agent-browser screenshot <path>` | | デバッグ | `agent-browser --headed open <url>` | ### Step 2: AI スナップショットワークフロー(推奨) ほとんどの操作で、まず**スナップショットを取得**してから要素参照で操作します: ```bash # 1. ページを開く agent-browser open https://example.com # 2. スナップショット取得(AI 向け、インタラクティブ要素のみ) agent
- トリガーフレーズ
- 機能詳細
- 実行手順
- Step 0: agent-browser の確認
- Step 1: ユーザーのリクエストを分類
- Step 2: AI スナップショットワークフロー(推奨)
- Step 3: 結果の確認
- クイックリファレンス
- 基本操作
- ナビゲーション
- 情報取得
- 待機
- デバッグ
- セッション管理
which agent-browser npm install -g agent-browser agent-browser install agent-browser open https://example.com agent-browser snapshot -i -c agent-browser click @e2 # Login ボタンをクリック agent-browser fill @e3 "user@example.com" agent-browser fill @e4 "password123" agent-browser click @e5 # Submit agent-browser get url
What does the agent-browser skill do?
ブラウザを手足のように操る。ページ遷移、フォーム入力、スクショ、なんでもこい。Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include 'go to [url]', 'click on', 'fill out the form', 'take a screenshot', 'scrape', 'automate', 'test the website', 'log into', or any browser interaction request. Do NOT load for: sharing URLs, embedding links, screenshot image files.
How do I install it?
Run `npx skills add majiayu000/claude-skill-registry --skill agent-browser-chachamaru127-claude-code-harness-4 --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From majiayu000/claude-skill-registry, a repository with 534 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.
