mcpField
A
AgentKit Browser Automation

AgentKit Browser Automation

ローカル
github.com/tmaheshブラウザ自動化276 週間前に更新
リポジトリ

AgentKit Browser Automation について

AgentKit Browser Automationは、Inngest-AgentKitとFirebase-Genkitを使ったブラウザーエージェントです。別途起動するPlaywright MCPサーバーを介して、ウェブ操作やタスクを実行します。

主な機能

  1. 01ウェブナビゲーション
  2. 02ブラウザータスクの実行
  3. 03Inngest-AgentKitとFirebase-Genkitを採用

活用シーン

  1. 01ウェブナビゲーションの自動化
  2. 02ブラウザー上でのタスク実行

MCP 対応

ブラウザー操作のため、別途起動したPlaywright MCPサーバーを利用します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
  "mcpServers": {
    "playwright-agent": {
      "command": "npx",
      "args": [
        "-y",
        "@playwright/mcp"
      ]
    }
  }
}
起動コマンドnpx -y @playwright/mcp

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@playwright/mcp

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

gentKit ブラウザー自動化

Inngest-AgentKit と Firebase-Genkit で構築されたブラウザーエージェントです。インテリジェントなウェブナビゲーションとタスク実行のためのエージェントシステムを備えています。

はじめに

前提条件
  • Node.js（v20 以降）
  • npm または yarn
  • OpenAI API キー（GPT モデル用）
  • Goolge AI キー（gemini モデル用）
インストール
  1. リポジトリをクローンします。
git clone https://github.com/tmahesh/playwright-agent.git
cd playwright-agent
  1. 依存関係をインストールします。
npm install
  1. 環境変数を設定します。
cp .env.sample .env
# Edit .env with your API keys
  1. 別のターミナルウィンドウで plawright mcp server を起動します。
npx @playwright/mcp@latest --port 8931
  1. genkit sdk で実行するには
npx tsx genkit.ts

#dev server(optional but recommended)
#It has fantastic observaibility built-in with opentelemetry
npx genkit start -- npx tsx --watch genkit.ts
  1. inngest-cli の agentkit を試す場合（注：agentkit と genkit は名前がよく似ています）
npx tsx agentkit.ts

#dev-server (optional)
npx inngest-cli@latest dev --no-discovery -u http://localhost:3000/api/inngest -v

謝辞

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。