Integrations

Provides tools to manipulate and append CSS styles to web pages, including the ability to implement dark mode and other style changes.
Enables interaction with Firefox browser, allowing for retrieving page content, modifying CSS styles, and searching browser history.
Mentioned in examples for history search functionality, allowing search through browser history for GitHub-related visits.

ブラウザ-MCP

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

使用法

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

ツール

利用可能なすべてのツールは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 サーバーエントリです。

貢献

新しいツールを追加する

server/src/tools.tsのtools配列にツールスキーマを追加します。
extension/calls.tsに拡張機能呼び出し可能ハンドラーを追加します。
server/src/tools.tsにツールハンドラーを追加します。call 関数call使用して拡張ハンドラーを呼び出します。

ライセンス

AGPL-3.0以降

This server cannot be installed

-

security - not tested

F

license - not found

-

quality - not tested

ページコンテンツをマークダウンとして取得したり、ページスタイルを変更したり、ブラウザー履歴を検索したりするなど、AI アシスタントがブラウザーと対話できるようにする MCP サーバー。

browser-mcp