ブラウザ-MCP

使用しているブラウザと対話できるようにするブラウザ拡張機能と MCP サーバー。

使用法

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@djyde/mcp-browser@latest"
      ]
    }
  }
}

Related MCP server: browser-mcp

ツール

利用可能なすべてのツールはserver/src/tools.tsにリストされています。

get_current_page_markdown

現在のブラウザの閲覧ページからマークダウンを取得します。

例：

Summarize the current page.

append_style

現在のブラウザの閲覧ページに CSS スタイルを追加します。

例：

Change the current page to dark mode.

history_search

ブラウザの履歴を検索します。

例：

Search the browser history for "github".

ロードマップ

• [ ] 拡張機能を拡張機能ストアに公開します。

• [ ] ドキュメントを書く。

• [ ] ツールを追加します。

建てる

pnpm i

拡大

cd extension

# chrome
npm run build

# edge
npm run build:edge

# firefox
npm run build:firefox

ビルド後、拡張機能はextension/.outputディレクトリに保存されます。

サーバ

cd server

# dev
npm run dev

# build
npm run build

server/dist/cli.jsは MCP サーバー エントリです。

貢献

新しいツールを追加する

1. server/src/tools.tsのtools配列にツール スキーマを追加します。

2. extension/calls.tsに拡張機能呼び出し可能ハンドラーを追加します。

3. server/src/tools.tsにツールハンドラーを追加します。call 関数call使用して拡張ハンドラーを呼び出します。

ライセンス

AGPL-3.0以降