Skip to main content الرئيسية المنشئون biwakonbu cc-plugins agent-browser-knowledge
agent-browser-knowledge Use when user asks about agent-browser, browser automation, snapshots, selectors, sessions, or web scraping. Also use when user says agent-browser について, ブラウザ自動化, スナップショット, セレクター, セッション管理. agent-browser CLI の仕様と使い方に関する知識を提供し、ヘッドレスブラウザ自動化、スナップショット、セレクター、セッション管理、ネットワーク制御について回答する。
الانتقال إلى التثبيت سوق المهارات اكتشف واستكشف مهارات الذكاء الاصطناعي التي بناها المجتمع.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
نسخ Promptعرض تفاصيل Prompt يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/biwakonbu/cc-plugins --skill agent-browser-knowledgeيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
تحميل Zip جاري التحميل... Use when user asks about Claude Code, plugins, skills, slash commands, subagents, hooks, LSP, MCP, permissions, sessions, plan mode, agent teams, background agents, worktree, teleport, effort, structured output, --bare, or --console. Also use when user says Claude Code について, プラグイン開発, スキル定義, フック設定, 権限設定. Claude Code CLI の仕様と使い方に関する知識を提供し、プラグイン開発、スキル、スラッシュコマンド、サブエージェント、フック、LSP、MCP、権限設定、セッション管理、エージェントチーム、バックグラウンドエージェント、Git Worktree、セッションテレポート、effort 制御、構造化出力、リモートセッションについて回答する。
Use when user asks about project structure, CI/CD, GitHub Actions, performance optimization, cost management, troubleshooting, or debugging. Also use when user says ベストプラクティス, 最適化, トラブルシューティング, CI/CD, デバッグ. Cloudflare 開発・運用のベストプラクティス集で、プロジェクト構成、CI/CD、セキュリティ、パフォーマンス最適化、コスト管理、トラブルシューティングを提供する。
المهن ذات الصلة SOC
استنادا إلى تصنيف SOC المهني
name agent-browser-knowledge description Use when user asks about agent-browser, browser automation, snapshots, selectors, sessions, or web scraping. Also use when user says agent-browser について, ブラウザ自動化, スナップショット, セレクター, セッション管理. agent-browser CLI の仕様と使い方に関する知識を提供し、ヘッドレスブラウザ自動化、スナップショット、セレクター、セッション管理、ネットワーク制御について回答する。 context fork
agent-browser CLI 完全リファレンス
agent-browser は AI エージェント向けのヘッドレスブラウザ自動化 CLI。Rust で実装された高速な実行エンジンと Node.js フォールバックを備えている。
インストール
npm install -g agent-browser
agent-browser install
agent-browser install --with-deps
git clone https://github.com/vercel-labs/agent-browser
cd agent-browser
pnpm install && pnpm build
pnpm build:native
pnpm link --global
基本ワークフロー
AI エージェントでの典型的な使用フロー:
agent-browser open https://example.com
agent-browser snapshot -i
agent-browser click @e2
agent-browser fill @e3 "test@example.com"
agent-browser screenshot page.png
agent-browser close
セレクターの種類
1. Refs(AI 推奨)
agent-browser snapshot -i
agent-browser click @e1
agent-browser fill @e2 "text"
2. CSS セレクター agent-browser click "#submit-button"
agent-browser fill ".email-input" "user@example.com"
agent-browser click "button[data-testid='login']"
3. セマンティックロケーター
agent-browser find role button click --name "Submit"
agent-browser find role textbox fill "Hello"
agent-browser find label "Email" fill "test@test.com"
agent-browser find label "Password" fill "secret123"
agent-browser find text "Sign In" click
agent-browser find text "Continue" click
agent-browser find placeholder "Enter email" fill "user@example.com"
agent-browser find alt "Logo" click
agent-browser find testid "submit-btn" click
コマンドリファレンス
ナビゲーション agent-browser open <url>
agent-browser open <url> --wait networkidle
agent-browser back
agent-browser forward
agent-browser reload
agent-browser close
スナップショット agent-browser snapshot
agent-browser snapshot -i
agent-browser snapshot -c
agent-browser snapshot -d 3
agent-browser snapshot -s "#main"
agent-browser snapshot -i -c -d 5
クリック操作 agent-browser click <selector>
agent-browser click <selector> --dbl
agent-browser click <selector> --right
agent-browser click <selector> --force
テキスト入力 agent-browser fill <selector> "text"
agent-browser type <selector> "text"
agent-browser clear <selector>
キーボード操作 agent-browser press Enter
agent-browser press Tab
agent-browser press Escape
agent-browser press "Control+a"
agent-browser press "Control+c"
agent-browser press "Control+v"
agent-browser press "Shift+Tab"
フォーム操作
agent-browser check <selector>
agent-browser uncheck <selector>
agent-browser select <selector> "value"
agent-browser select <selector> --label "表示テキスト"
agent-browser upload <selector> /path/to/file.pdf
agent-browser upload <selector> file1.jpg file2.jpg
マウス操作 agent-browser hover <selector>
agent-browser drag <src-selector> <tgt-selector>
agent-browser mouse move 100 200
agent-browser mouse click
agent-browser mouse down
agent-browser mouse up
スクロール agent-browser scroll down
agent-browser scroll up
agent-browser scroll <selector>
agent-browser scroll --to-bottom
agent-browser scroll --to-top
待機 agent-browser wait <selector>
agent-browser wait 2000
agent-browser wait --load networkidle
agent-browser wait --load load
agent-browser wait --load domcontentloaded
agent-browser wait --text "Success"
agent-browser wait --url "**/success"
情報取得
agent-browser get text <selector>
agent-browser get html <selector>
agent-browser get outer-html <selector>
agent-browser get value <selector>
agent-browser get attr <selector> href
agent-browser get attr <selector> data-id
agent-browser get title
agent-browser get url
agent-browser get count <selector>
agent-browser get bbox <selector>
状態確認 agent-browser is visible <selector>
agent-browser is enabled <selector>
agent-browser is checked <selector>
スクリーンショット・PDF agent-browser screenshot
agent-browser screenshot output.png
agent-browser screenshot --full
agent-browser screenshot <selector>
agent-browser pdf output.pdf
agent-browser pdf output.pdf --format A4
タブ管理 agent-browser tab
agent-browser tab new
agent-browser tab new https://example.com
agent-browser tab 2
agent-browser tab close
agent-browser tab close 3
ウィンドウ管理 agent-browser window
agent-browser window new
agent-browser window size 1920 1080
iframe 操作 agent-browser frame <selector>
agent-browser frame --main
agent-browser frame --list
ダイアログ処理 agent-browser dialog accept
agent-browser dialog dismiss
agent-browser dialog accept "入力テキスト"
Cookie 管理 agent-browser cookies
agent-browser cookies get <name>
agent-browser cookies set <name> <value>
agent-browser cookies delete <name>
agent-browser cookies clear
ストレージ管理
agent-browser storage local
agent-browser storage local get <key>
agent-browser storage local set <key> <value>
agent-browser storage local delete <key>
agent-browser storage local clear
agent-browser storage session
agent-browser storage session get <key>
agent-browser storage session set <key> <value>
ネットワーク制御
agent-browser network requests
agent-browser network route "**/*.js"
agent-browser network route "**/*.css" --abort
agent-browser network route "**/analytics*" --abort
agent-browser network route "**/api/user" --fulfill '{"name":"test"}'
ブラウザ設定
agent-browser set viewport 1920 1080
agent-browser set viewport 375 667
agent-browser set device "iPhone 14"
agent-browser set device "Pixel 7"
agent-browser set geo 35.6762 139.6503
agent-browser set offline on
agent-browser set offline off
agent-browser set media dark
agent-browser set media light
JavaScript 実行 agent-browser eval "document.title"
agent-browser eval "window.scrollY"
agent-browser eval "localStorage.getItem('token')"
agent-browser eval <selector> "el => el.innerText"
コンソール・エラー agent-browser console
agent-browser errors
トレース記録 agent-browser trace start
agent-browser trace stop
agent-browser trace stop output.zip
セッション管理
agent-browser --session agent1 open https://site-a.com
agent-browser --session agent2 open https://site-b.com
AGENT_BROWSER_SESSION=agent1 agent-browser snapshot
agent-browser session list
agent-browser session close agent1
各セッションは独自の Cookie、ストレージ、認証状態を持つ。
AI エージェント統合のベストプラクティス
1. スナップショットファースト agent-browser open https://example.com
agent-browser snapshot -i
agent-browser click @e5
2. 待機を適切に使用 agent-browser click @e3
agent-browser wait --load networkidle
agent-browser snapshot -i
3. エラーハンドリング
agent-browser is visible "#submit"
agent-browser wait "#success-message" --timeout 10000
4. フォーム入力パターン agent-browser open https://example.com/login
agent-browser snapshot -i
agent-browser fill @e2 "user@example.com"
agent-browser fill @e3 "password123"
agent-browser click @e4
agent-browser wait --load networkidle
agent-browser wait --url "**/dashboard"
5. スクレイピングパターン agent-browser open https://example.com/list
agent-browser wait --load networkidle
agent-browser snapshot -c
agent-browser get text ".item-title"
agent-browser get count ".item"
agent-browser click ".next-page"
agent-browser wait --load networkidle
トラブルシューティング
ブラウザが起動しない
agent-browser install
agent-browser daemon restart
要素が見つからない
agent-browser snapshot
agent-browser wait <selector>
agent-browser snapshot -i
タイムアウト
agent-browser wait <selector> --timeout 30000
agent-browser open <url> --timeout 60000
参考リンク