chrome-devtools とは?
MCP 経由で Chrome DevTools を使用して、効率的なデバッグ、トラブルシューティング、ブラウザの自動化を実現します。 Web ページのデバッグ、ブラウザー操作の自動化、パフォーマンスの分析、またはネットワーク要求の検査時に使用します。このスキルは「--slim」モード (MCP 構成) には適用されません。 ソース: wenerme/ai。
MCP 経由で Chrome DevTools を使用して、効率的なデバッグ、トラブルシューティング、ブラウザの自動化を実現します。 Web ページのデバッグ、ブラウザー操作の自動化、パフォーマンスの分析、またはネットワーク要求の検査時に使用します。このスキルは「--slim」モード (MCP 構成) には適用されません。
コマンドラインで chrome-devtools AI スキルを開発環境にすばやくインストール
ソース: 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-devtoolsMCP 経由で Chrome DevTools を使用して、効率的なデバッグ、トラブルシューティング、ブラウザの自動化を実現します。 Web ページのデバッグ、ブラウザー操作の自動化、パフォーマンスの分析、またはネットワーク要求の検査時に使用します。このスキルは「--slim」モード (MCP 構成) には適用されません。 ソース: wenerme/ai。
ターミナルまたはコマンドラインツール(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