Communityコーディング&開発github.com

samson9999/opencode-browser

🚀 OpenCodeでシームレスなブラウザ自動化を実現するBrowser MCPプラグイン。簡単な操作でナビゲーションやタスク実行が可能です。

opencode-browser とは?

このスキルは、OpenCode上でブラウザ操作を自動化するためのBrowser MCPプラグインです。ユーザーはコード内から直接ブラウザを起動し、Webページのナビゲーション、フォーム入力、スクリーンショット取得、データ抽出などのタスクを実行できます。OpenCodeのエージェント機能と連携し、自然言語の指示に基づいてブラウザ操作を自動化できるため、Webスクレイピングやテスト自動化、RPA(ロボティックプロセスオートメーション)のワークフローに最適です。Model Context Protocol (MCP) を採用しており、OpenCodeをはじめとするMCP対応プラットフォームで動作します。設定は簡単で、OpenCodeの設定ファイルにMCPサーバーのエントリを追加するだけで利用を開始できます。

対応~Claude Code~Codex CLI~Cursor✓OpenCode
npx skills add samson9999/opencode-browser

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

ドキュメント

opencode-browser は何をしますか?

🚀 OpenCodeでシームレスなブラウザ自動化を実現するBrowser MCPプラグイン。簡単な操作でナビゲーションやタスク実行が可能です。

概要

このスキルは、OpenCode 上でブラウザ操作を自動化するためのMCP(Model Context Protocol)プラグインです。

特徴

  • ページナビゲーション: 任意のURLにアクセスし、ページを読み込みます
  • フォーム操作: テキスト入力、ボタンクリック、プルダウン選択などを自動化
  • スクリーンショット: ページ全体または特定領域のスクリーンショットを取得
  • データ抽出: ページ内のテキストや属性情報を抽出
  • 複数タブ管理: タブの開閉や切り替えを制御

セットアップ

OpenCodeの設定ファイル(~/.opencode/config.json)に以下のMCPサーバー設定を追加します:

{
  "mcpServers": {
    "browser": {
      "command": "npx",
      "args": ["@anthropic/mcp-server-browser"],
      "env": {
        "HEADLESS": "false"
      }
    }
  }
}

使用方法

OpenCodeのチャットで以下のような指示を出すことでブラウザ操作を実行できます:

  • 「Googleにアクセスして、'OpenCode MCP' を検索して」
  • 「現在のページのスクリーンショットを撮って」
  • 「ログインページに移動して、ユーザー名とパスワードを入力してログインボタンをクリックして」

対応プラットフォーム

  • OpenCode
  • Model Context Protocol (MCP) に対応するその他のクライアント

ライセンス

MIT

作者

samson9999

関連スキル