mcpField
B
Bezlo MCP

Bezlo MCP

ローカル
github.com/gba3124その他0今日更新

Bezlo MCP について

Bezlo MCPは、端末サイズのモバイル画面でウェブページを検証するエージェント向けツール層です。モバイルレイアウトや操作をテストするチーム向けに、診断や複数端末での実行、MCPサーバー・CLI・GitHub Actionによる証跡出力を提供します。

主な機能

  1. 01端末サイズのモバイルスクリーンショット
  2. 02レイアウトとページエラーの診断
  3. 03クリック・入力・スクロール操作
  4. 04複数端末のマトリックス実行
  5. 05JSON・JUnit・動画の証跡

活用シーン

  1. 01iPhoneやAndroidの画面サイズでページを確認
  2. 02はみ出しやコンソールエラーを検出
  3. 03ログインなどのUI操作を自動化
  4. 04PRにスクリーンショットとテストレポートを添付

MCP 対応

stdioのMCPサーバーがセッション・キャプチャエンジンへのインターフェースを提供し、エージェントによるウェブページの検査と操作を可能にします。

設定

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

mcp.json · 共通設定
{
"mcpServers": {
"gba3124-bezlo": {
"command": "npx",
"args": [
"-y",
"bezlo-mcp"
]
}
}
}
起動コマンドnpx -y bezlo-mcp

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

パッケージ
npmbezlo-mcp0.1.2

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

Bezlo — オープンなエージェントレイヤー

Bezlo は、あらゆるウェブページを実寸大の iPhone/iPad/Android フレーム内に表示し、 AI エージェントがそのページを確認して操作できるようにします。スクリーンショット、操作可能な要素の一覧、レイアウト診断(オーバーフロー、安全領域、タッチ識別情報)、コンソール/ページのエラー、ネットワークモック、タップ/入力/スクロールのフロー、デバイスマトリックスでの実行に加え、report.json/JUnit/mp4 の証跡を提供します。

このリポジトリは、MIT ライセンスのエージェントレイヤーです。

  • mcp/ — MCP stdio サーバー+CLI+セッション/キャプチャエンジン(npm では bezlo-mcp としても公開)
  • action.yml + examples/ — 複合 GitHub Action(PR のスクリーンショット+JUnit+動画)
  • skill/ — Claude Code/スキル互換エージェント向けの bezlo-preview スキル
  • server.json — 公式 MCP レジストリマニフェスト
  • docs/MCP.md — ツールの詳細リファレンス

Chrome 拡張機能自体はプロプライエタリで、別の非公開リポジトリ(extension/、ストア用アート、ブランド)にあります。このリポジトリには拡張機能のコード、ストア用アセット、ブランドアートワークは含まれていません。Bezlo の名称とロゴは、再利用が許諾されていません。

インストール

# MCP (Claude Code / Claude Desktop / Cursor)
npm install -g bezlo-mcp
claude mcp add bezlo -- npx -y bezlo-mcp

# or run from a checkout
node mcp/cli.mjs --list

パッケージにブラウザーは含まれていません。Chrome/Chromium をインストールしてください(または RP_CHROME を設定してください)。Chrome for Testing を推奨します。WebKit モードには、さらに npx playwright install webkit が必要です。

CLI のクイックスタート

node mcp/cli.mjs --url http://localhost:3000 --device iphone16 --out shot.png
node mcp/cli.mjs --url http://localhost:3000 --matrix --devices iphone16,ipadpro11,px10 --out ./matrix
node mcp/cli.mjs --url http://localhost:3000 \
  --actions '[{"type":"click","text":"Sign in"},{"type":"type","selector":"#email","value":"[email protected]","submit":true}]' \
  --record --assert '[{"type":"noOverflow"},{"type":"noConsoleErrors"}]' --out after.png

GitHub Action

- uses: gba3124/bezlo@main
  id: bezlo
  with:
    url: http://localhost:3000
    device: iphone16
    steps: '[{"type":"click","text":"Sign in"}]'
    asserts: '[{"type":"noOverflow"},{"type":"noConsoleErrors"}]'
    record: 'true'

アーティファクト:最終スクリーンショット、report.json、junit.xml、任意の mp4/gif。 出力:pass、report、junit、video、gif、screenshot、artifacts。

エンジン

  • chromium(デフォルト)— Chrome 独自のエミュレーションエンジン(拡張機能のフレームと同じ):実際のタッチ操作、モバイル UA とクライアントヒント、DPR に対応。録画と CDP アクセシビリティにも全面対応します。
  • webkit — Playwright WebKit による Safari 風の近似機能(実際の iOS Safari ではありません。録画/CDP アクセシビリティには対応していません)。

ライセンス

MIT — LICENSE を参照してください。Chrome 拡張機能、ストア用アセット、Bezlo ブランドはこのライセンスの対象ではなく、このリポジトリにも含まれていません。

コメント

MCP は初めてですか?

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

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