主な機能
ブラウザ自動化
Playwrightを用いてブラウザ操作を自動化し、MCPサーバー経由でWebページとの操作を行えるようにします。
LLM連携
視覚モデルを必要とせず、LLMが構造化データを通じてWebページとやり取りできるよう設計されています。
導入・設定
Node.js 18以上が要件で、標準設定とVS CodeやCursor、Claude Desktop、Gooseなど多数のMCPクライアント向けのインストール／設定手順が記載されています。
構造化データ提供
Playwrightのアクセシビリティツリーに基づく構造化されたアクセシビリティスナップショットを提供し、ピクセルベースの入力を不要にします。
再現性・決定論的実行
スクリーンショットベースの手法で生じる曖昧さを避け、決定論的なツール適用により一貫した動作を提供します。
使用例
🔍情報抽出（スクレイピング）
“この商品のページ（https://example.com/item/123）から製品名、価格、レビュー数を抽出して表形式で教えて。”
Playwright のアクセシビリティツリーを使って視覚に依存せずに構造化されたテキスト情報を取得し、一覧やCSV向けのデータとして抽出・整形できる。
🧭ページナビゲーションと要約
“このニュースサイトのトップページを開いて、上位3件の記事の見出しと要約を教えて。”
自動でページをナビゲートして主要コンテンツ（見出しや段落）を取得し、重要ポイントや短い要約を生成して提示できる。
⚙️フォーム操作・自動化フロー
“ログインページにアクセスして、指定した資格情報でログインし、ダッシュボードのアカウント名とメールアドレスを取得して。”
ボタン押下やフォーム入力などのインタラクションを決定論的に実行してログインや手順の自動化を行い、操作後のページから必要な情報を取得できる。
♿アクセシビリティ検査・レポート
“このページのアクセシビリティチェックをして、alt属性の欠落やラベル不足などの問題を一覧化し、改善案を出して。”
Playwright のアクセシビリティツリーを利用してアクセシビリティ関連のノードや属性を検査し、問題点の検出と具体的な改善提案を生成できる。
導入方法
npm
npm install @playwright/mcpレビュー・評価
-
0件のレビュー
5
0
4
0
3
0
2
0
1
0
読み込み中...