前提条件
- Node.js 18 以降
- AI プロバイダーの API キー(Anthropic 推奨)
インストール
npx @basemachina/agentic-browser-cli generate -- --help
AI プロバイダー設定
Anthropic(デフォルト)
OpenAI
OpenAI 互換
Google AI Studio
Azure OpenAI
Amazon Bedrock
Google Vertex AI
export ANTHROPIC_API_KEY="sk-ant-..."
デフォルトモデルは claude-sonnet-4-6 です。別の Anthropic モデルを使用するには:npx @basemachina/agentic-browser-cli generate -- \
--model "claude-sonnet-4-6" --model-provider anthropic \
...
export OPENAI_API_KEY="sk-..."
npx @basemachina/agentic-browser-cli generate -- \
--model "gpt-4o" --model-provider openai \
...
export OPENAI_COMPATIBLE_BASE_URL="https://your-endpoint.com/v1"
export OPENAI_COMPATIBLE_API_KEY="your-key"
npx @basemachina/agentic-browser-cli generate -- \
--model "your-model" --model-provider openai-compatible \
...
export GOOGLE_GENERATIVE_AI_API_KEY="..."
npx @basemachina/agentic-browser-cli generate -- \
--model "gemini-2.5-pro" --model-provider google \
...
export AZURE_RESOURCE_NAME="your-resource"
export AZURE_API_KEY="..."
npx @basemachina/agentic-browser-cli generate -- \
--model "gpt-4o" --model-provider azure \
...
export AWS_REGION="us-east-1"
export AWS_ACCESS_KEY_ID="..."
export AWS_SECRET_ACCESS_KEY="..."
npx @basemachina/agentic-browser-cli generate -- \
--model "anthropic.claude-sonnet-4-6-v1:0" --model-provider bedrock \
...
export GOOGLE_VERTEX_PROJECT="your-project"
export GOOGLE_VERTEX_LOCATION="us-central1"
npx @basemachina/agentic-browser-cli generate -- \
--model "claude-sonnet-4-6@20250514" --model-provider vertex \
...
環境変数でデフォルト値を設定することもできます:
| 変数 | 説明 |
|---|
AI_MODEL_ID | デフォルトの AI モデル ID |
AI_MODEL_PROVIDER | デフォルトの AI プロバイダー |
AGENTIC_BROWSER_LOCALE | デフォルトのロケール(en または ja) |
ステップ 1: コンテキストとシークレットを準備する
手順書を生成する前に、以下のファイルを必要に応じて用意します:
context.md — 操作対象アプリの補足情報(ログイン URL、画面遷移のヒント、特殊な UI パターンなど):
# アプリ情報
- ログインページ: https://app.example.com/login
- ログイン後、ダッシュボードは /dashboard にある
- 「CSV エクスポート」ボタンは右上のツールバーにある
secrets.json — 必要に応じて認証情報や機密値を記述。全値が sensitive として扱われます:
ステップ 2: 手順書を生成する
達成したいことを AI に伝えると、Web アプリを探索して**手順書(YAML)**を構築します。
npx @basemachina/agentic-browser-cli generate -- \
--url "https://app.example.com/login" \
--goal "ログインしてダッシュボードに移動する" \
--output ./login-flow.yaml \
--context ./context.md \
--secrets ./secrets.json \
--headless false \
--model "claude-sonnet-4-6" \
--model-provider anthropic
--headless false を指定すると、AI がアプリを探索する様子をリアルタイムで確認できます。省略するとヘッドレスモードで実行されます。
--model と --model-provider を毎回指定する代わりに、環境変数でデフォルトを設定できます:export AI_MODEL_ID="claude-sonnet-4-6"
export AI_MODEL_PROVIDER="anthropic"
AI は以下を行います:
- ブラウザを開いて URL に移動
- ページを探索し、実行するアクションを決定
- 各ステップ(クリック、入力、ナビゲーション)を記録
- ステップをレビューし、不要なものを除去
- クリーンな手順書を出力
ステップ 3: 手順書を実行する
初回実行前に login-flow.yaml を開いて生成されたステップを確認しましょう。機密値については、ハードコードの代わりに source: env や source: secrets を使った変数の利用を検討してください。
生成された手順書を実行します:
npx @basemachina/agentic-browser-cli execute -- \
--runbook ./login-flow.yaml \
--context ./context.md \
--secrets ./secrets.json \
--headless false \
--model "claude-sonnet-4-6" \
--model-provider anthropic
セレクタは決定論的に解決されるため、再実行時に AI トークンは消費されません(フォールバック時は除く)。1 回でも 100 回でも、実行コストはゼロのままです。
- ブラウザを開いて開始 URL に移動
- 各ステップでセレクタを解決して対象要素を特定
- アクション(クリック、入力など)を実行
- 結果をレポート
ステップ 4: UI が変わったら自己修正
操作対象アプリの UI が変更されてステップが失敗するようになったら、--self-heal で AI に診断・修正提案を生成させます:
npx @basemachina/agentic-browser-cli execute -- \
--runbook ./login-flow.yaml \
--context ./context.md \
--secrets ./secrets.json \
--self-heal \
--model "claude-sonnet-4-6" \
--model-provider anthropic
自己修正モードでは、アグレッシブなリトライ戦略と AI による修正提案、診断レポートが有効になります。提案を確認したら、fix-runbook コマンドで適用します:
npx @basemachina/agentic-browser-cli fix-runbook -- \
--runbook ./login-flow.yaml \
--report ./login-flow-report.md
Web コンソールを使えば、手順書の生成・実行・スケジュール・自己修正を CLI なしでブラウザ上から行えます。
次のステップ