LessAI ToolsAI プラグインディレクトリ

Playwright MCP と Chrome DevTools MCP:作業に合うのは?

Playwright MCP と Chrome DevTools MCP の用途と条件を比べ、操作の流れを確かめるか、Chrome の問題を調べるかで選びましょう。

解決したい問題から選ぶ

ページを開き、ボタンを押し、フォームを入力して操作の流れを確認するなら Playwright MCP から検討できます。ページの文章、操作部品、構造を使って動きます。

ブラウザーのエラー、通信、読み込み性能を調べるなら Chrome DevTools MCP が候補です。Chrome のデバッグ・性能調査ツールを提供します。操作機能は重なるので、簡単な作業に両方必要とは限りません。

何が必要?

どちらも MCP 対応のアシスタントと、文書で指定された環境が必要です。Playwright MCP には複数のクライアント設定例があります。Chrome DevTools MCP は Node.js、npm、Chrome が必要です。バージョンは最新文書で確認しましょう。

小さな確認から始める

  1. 管理しているページで Playwright MCP を使い、操作部品を説明させてから、確認できる短い操作手順を試します。
  2. 既知のエラーや読み込みの遅さを Chrome DevTools MCP で調べ、取得した情報を確認します。
  3. 再現と原因調査の両方が必要なら、必要に応じて併用できます。それぞれが接続しているブラウザーとページを確認してください。

比較の資料と限界

公開文書を基にした比較で、当サイトでの導入テストや性能競争ではありません。結果は実際のページで確かめてください。

情報源と並び順

公開ソースがあり、用途が明確な開発用 AI プラグインを掲載しています。用途から選び、機能、対象ユーザー、必要条件を確認できます。全プラグインを網羅するものではありません。

3つの種類はどう違いますか?

MCP は、AI アシスタントとブラウザー、コード、データベースなどの外部ツールをつなぐための共通の約束です。

スキルは、対応する AI アシスタントに特定の作業手順や注意点を伝える再利用可能な説明です。

エディタープラグインは、コードを書くソフトの中で AI チャット、補完、修正提案などを提供します。

スター数順とは?

GitHub の累計スター数順です。スターは関心度を表し、ダウンロード数、利用者数、品質評価ではありません。スキル集は1プロジェクトとして数え、履歴のない日別増加数は表示しません。

最近の更新とは?

コードが最後に送信された日時で、新版の公開日とは限りません。7日間の条件はその日時を使い、並び順は累計スター数のままです。スター取得日は別に表示し、更新に失敗した場合は前回値を保ちます。

紹介は公開ドキュメントに基づき、全項目を個別に導入して検証したものではありません。接続、互換性、費用は公式資料をご確認ください。一覧の更新は保存済みデータの読み取りだけで、収集は開始しません。

UTC+8

役立つ発見を共有しよう

文案と投稿先を選びます。投稿前に編集できます。