chrome-devtools
✓Chrome DevTools プロトコルを使用して Chrome ブラウザを制御および検査します。ページの移動、ネットワーク リクエストのデバッグ、パフォーマンスの分析、スクリーンショットの撮影、要素の操作、ブラウザ タスクの自動化を行います。
SKILL.md
Complete Chrome browser automation and debugging using the Chrome DevTools Protocol. This skill provides access to all Chrome DevTools capabilities for web development, testing, and debugging tasks.
REQUIRED: Before using ANY Chrome DevTools tools, you MUST load the relevant reference file(s) using the Read tool. These references contain essential operational instructions that are NOT included in this overview.
DO NOT attempt to use Chrome DevTools tools without first loading and reading the relevant reference documentation.
Chrome DevTools プロトコルを使用して Chrome ブラウザを制御および検査します。ページの移動、ネットワーク リクエストのデバッグ、パフォーマンスの分析、スクリーンショットの撮影、要素の操作、ブラウザ タスクの自動化を行います。 ソース: johnlindquist/claude-workshop-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/johnlindquist/claude-workshop-skills --skill chrome-devtools- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
chrome-devtools とは？
Chrome DevTools プロトコルを使用して Chrome ブラウザを制御および検査します。ページの移動、ネットワーク リクエストのデバッグ、パフォーマンスの分析、スクリーンショットの撮影、要素の操作、ブラウザ タスクの自動化を行います。 ソース: johnlindquist/claude-workshop-skills。
chrome-devtools のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/johnlindquist/claude-workshop-skills --skill chrome-devtools インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/johnlindquist/claude-workshop-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01