·chrome-devtools
</>

chrome-devtools

cygnusfear/agent-skills

chrome-devtools-mcp を使用して Chrome ブラウザをプログラムで制御します。ユーザーが Chrome の自動化、Web ページのデバッグ、スクリーンショットの取得、JavaScript の評価、ネットワーク リクエストの検査、またはブラウザー DevTools との対話を要求する場合に使用します。ブラウザの自動化、Web スクレイピング、Web サイトのテストについて質問された場合にも使用します。

7インストール·1トレンド·@cygnusfear

インストール

$npx skills add https://github.com/cygnusfear/agent-skills --skill chrome-devtools

SKILL.md

⚡ Performance Tip: Always use the patterns in "Quick Start" section below. They include cleanup and run everything in ONE command to avoid browser lock issues.

📚 See also: MCP CLI Guide for general MCP CLI patterns and best practices

Interactive shell mode (RECOMMENDED - maintains single browser instance):

chrome-devtools-mcp を使用して Chrome ブラウザをプログラムで制御します。ユーザーが Chrome の自動化、Web ページのデバッグ、スクリーンショットの取得、JavaScript の評価、ネットワーク リクエストの検査、またはブラウザー DevTools との対話を要求する場合に使用します。ブラウザの自動化、Web スクレイピング、Web サイトのテストについて質問された場合にも使用します。 ソース: cygnusfear/agent-skills。

原文を見る

引用可能な情報

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

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

クイックアンサー

chrome-devtools とは?

chrome-devtools-mcp を使用して Chrome ブラウザをプログラムで制御します。ユーザーが Chrome の自動化、Web ページのデバッグ、スクリーンショットの取得、JavaScript の評価、ネットワーク リクエストの検査、またはブラウザー DevTools との対話を要求する場合に使用します。ブラウザの自動化、Web スクレイピング、Web サイトのテストについて質問された場合にも使用します。 ソース: cygnusfear/agent-skills。

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

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

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

https://github.com/cygnusfear/agent-skills