ブラウザ-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".
ロードマップ
- [ ] 拡張機能を拡張機能ストアに公開します。
- [ ] ドキュメントを書く。
- [ ] ツールを追加します。
建てる
拡大
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以降