·chrome-devtools
</>

chrome-devtools

MCP 経由で Chrome DevTools を使用して、効率的なデバッグ、トラブルシューティング、ブラウザの自動化を実現します。 Web ページのデバッグ、ブラウザー操作の自動化、パフォーマンスの分析、またはネットワーク要求の検査時に使用します。このスキルは「--slim」モード (MCP 構成) には適用されません。

10インストール·1トレンド·@wenerme

インストール

$npx skills add https://github.com/wenerme/ai --skill chrome-devtools

chrome-devtools のインストール方法

コマンドラインで chrome-devtools AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/wenerme/ai --skill chrome-devtools
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: wenerme/ai。

Browser lifecycle: Browser starts automatically on first tool call using a persistent Chrome profile. Configure via CLI args in the MCP server configuration: npx chrome-devtools-mcp@latest --help.

Page selection: Tools operate on the currently selected page. Use listpages to see available pages, then selectpage to switch context.

Element interaction: Use takesnapshot to get page structure with element uids. Each element has a unique uid for interaction. If an element isn't found, take a fresh snapshot - the element may have been removed or the page changed.

MCP 経由で Chrome DevTools を使用して、効率的なデバッグ、トラブルシューティング、ブラウザの自動化を実現します。 Web ページのデバッグ、ブラウザー操作の自動化、パフォーマンスの分析、またはネットワーク要求の検査時に使用します。このスキルは「--slim」モード (MCP 構成) には適用されません。 ソース: wenerme/ai。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/wenerme/ai --skill chrome-devtools
ソース
wenerme/ai
カテゴリ
</>開発ツール
認証済み
初回登録
2026-03-10
更新日
2026-03-10

Browse more skills from wenerme/ai

クイックアンサー

chrome-devtools とは?

MCP 経由で Chrome DevTools を使用して、効率的なデバッグ、トラブルシューティング、ブラウザの自動化を実現します。 Web ページのデバッグ、ブラウザー操作の自動化、パフォーマンスの分析、またはネットワーク要求の検査時に使用します。このスキルは「--slim」モード (MCP 構成) には適用されません。 ソース: wenerme/ai。

chrome-devtools のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/wenerme/ai --skill chrome-devtools インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/wenerme/ai