karolaapiarian589/browser-mcp-lite

ChromeをMCPで制御し、高速なブラウザ自動化、ページ操作、拡張機能ベースのワークフローをコンパクトなLiteパッケージで実現します。

browser-mcp-lite とは?

このスキルは、Model Context Protocol (MCP) を介してGoogle Chromeブラウザを制御する軽量なツールです。開発者は、ブラウザの自動操作(ページ遷移、クリック、フォーム入力など)や拡張機能を使用したワークフローを、エージェント経由で高速に実行できます。MCP Liteの設計により、リソース消費を抑えつつ、柔軟なブラウザ制御が可能です。主にClaude CodeやCodexなどのMCP対応エージェントで利用でき、テスト自動化やWebスクレイピング、反復作業の効率化に役立ちます。CLIコマンドや設定ファイルを用いて簡単に導入でき、環境変数で動作をカスタマイズできます。

対応~Claude Code~Codex CLI~Cursor
npx skills add karolaapiarian589/browser-mcp-lite

Installed? Explore more 生産性&コラボレーション skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

browser-mcp-lite は何をしますか?

ChromeをMCPで制御し、高速なブラウザ自動化、ページ操作、拡張機能ベースのワークフローをコンパクトなLiteパッケージで実現します。

概要

browser-mcp-lite は、Model Context Protocol(MCP)を使用してGoogle Chromeを操作するための軽量なブリッジです。ブラウザの起動、ページ移動、要素の操作、拡張機能の管理などをエージェントから実行できます。

特徴

  • 軽量設計: 最小限の依存関係で、高速に動作します。
  • MCP対応: Claude Code、Codex、CursorなどのMCP対応エージェントと連携可能。
  • 拡張機能サポート: Chrome拡張機能を使ったワークフローを自動化。
  • ページ操作: クリック、入力、スクロール、スクリーンショットなど。

インストール

npm install -g browser-mcp-lite

または、プロジェクトにローカルインストール:

npm install browser-mcp-lite

設定

MCPクライアントの設定ファイル(例:claude_desktop_config.json)に以下を追加します:

{
  "mcpServers": {
    "browser-mcp-lite": {
      "command": "npx",
      "args": ["-y", "browser-mcp-lite"],
      "env": {
        "CHROME_PATH": "/path/to/chrome",
        "DEBUG": "false"
      }
    }
  }
}

環境変数:

  • CHROME_PATH: Chrome実行ファイルのパス(省略時は自動検出)
  • DEBUG: デバッグログを有効にする(true/false)

使い方

エージェントに以下のような指示を与えます:

ブラウザを開いて https://example.com にアクセスし、ページのスクリーンショットを撮ってください。

利用可能なツール

ツール名説明
browser_navigate指定したURLに移動
browser_click要素をクリック
browser_type要素にテキストを入力
browser_screenshotページのスクリーンショットを取得
browser_evaluateJavaScriptを実行
browser_extension拡張機能を制御

注意事項

  • Chromeがインストールされている必要があります。
  • 拡張機能を使用する場合は、事前にロードしておく必要があります。
  • セキュリティ上の理由から、信頼できるサイトのみ操作することを推奨します。

ライセンス

MIT

関連スキル