mcpField
H
headlessstage

headlessstage

ローカル
github.com/CloudCorpRecordsブラウザ自動化02 週間前に更新

headlessstage について

headlessstageは、Puppeteer互換の実行器を注入してブラウザーを自動操作するコマンドラインツール兼stdio MCPサーバーです。ページ操作、スクリーンショット、JavaScript実行に対応し、ブラウザーは同梱しません。

主な機能

  1. 01URLへの移動
  2. 02クリック・ホバー・フォーム操作
  3. 03ページまたは要素の撮影
  4. 04ページ内でのJavaScript実行
  5. 05ブラウザー実行器の注入が必要

活用シーン

  1. 01ブラウザーでフォーム入力を自動化
  2. 02ページや要素のスクリーンショットを撮影
  3. 03自動操作中にページ上でJavaScriptを実行

MCP 対応

ブラウザーの移動、撮影、クリック、ホバー、フォーム操作、JavaScript実行を行うMCPツールを提供します。Puppeteer互換のブラウザー実行器を注入する必要があり、ブラウザーは同梱されません。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"cloudcorprecords-headlessstage": {
"command": "npx",
"args": [
"-y",
"@reneturcios/headlessstage"
]
}
}
}
起動コマンドnpx -y @reneturcios/headlessstage

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@reneturcios/headlessstage0.1.0
ocighcr.io/cloudcorprecords/headlessstage:0.1.0

ツール

7

掲載時のツール一覧 · 2 週間前に更新

パラメーター型必須説明
urlstringはいブラウザーの移動先 URL
launchOptionsobjectいいえブラウザーインスタンス用の任意の Puppeteer 起動オプションオブジェクト
allowDangerousbooleanいいえブラウザーのサンドボックスの無効化など、危険な起動オプションを許可するかどうか

詳細

headlessstage

ヘッドレスブラウザーのページを通じてブラウザーを自動化するツールです。CLI と stdio MCP サーバーを 1 つのバイナリで提供します。URL に移動し、クリック、ホバー、フォーム要素への入力や選択、名前付きスクリーンショットの撮影、ページ内での JavaScript の評価を行えます。

ブラウザー自体は、注入可能なエグゼキューターインターフェース(src/types.ts の BrowserExecutor)の背後で動作します。このパッケージにはブラウザーはバンドルされておらず、ダウンロードもされません。エグゼキューターが設定されていない場合、ブラウザー関連のコマンドは「Browser unavailable」という明確なエラーで失敗します。デプロイ環境では、Puppeteer 互換のエグゼキューターを注入して実際のブラウザーを操作します。ブラウザーのセキュリティを弱める起動オプション(--no-sandbox、--disable-web-security、--allow-insecure-localhost)は、呼び出しで allowDangerous: true を明示的に指定しない限り拒否されます。

インストール

npx -y @reneturcios/headlessstage mcp

CLI

headlessstage mcp                     # stdio MCP server
headlessstage navigate <url>
headlessstage screenshot <name> [selector]
headlessstage click <selector>
headlessstage fill <selector> <value>
headlessstage evaluate <script>
headlessstage --version

終了コード:0 は成功、1 はブラウザーエラー、2 は使用方法のエラーです。

MCP ツール

ツール目的
puppeteer_navigateブラウザーで任意の URL に移動します
puppeteer_screenshotページ全体または特定の要素のスクリーンショットを撮影します
puppeteer_clickページ上の要素をクリックします
puppeteer_hoverページ上の要素にホバーします
puppeteer_fill入力フィールドに入力します
puppeteer_selectSELECT タグの要素を選択します
puppeteer_evaluateブラウザーのコンソールで JavaScript を実行します

MCP クライアントの設定:

{
  "mcpServers": {
    "headlessstage": {
      "command": "npx",
      "args": ["-y", "@reneturcios/headlessstage", "mcp"]
    }
  }
}

Docker

docker run -i ghcr.io/cloudcorprecords/headlessstage          # MCP server
docker run --rm ghcr.io/cloudcorprecords/headlessstage --version

開発

npm install
npm run build
npm test

MIT ライセンス。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。