chrome-debug とは？
ブラウザのデバッグに Chrome DevTools MCP を使用する方法。ページの検査、スクリーンショットの撮影、UI の問題のデバッグ、または視覚的な変更の確認が必要な場合に使用します。 ソース: akornmeier/claude-config。
·chrome-debug
</>
chrome-debug
✓ブラウザのデバッグに Chrome DevTools MCP を使用する方法。ページの検査、スクリーンショットの撮影、UI の問題のデバッグ、または視覚的な変更の確認が必要な場合に使用します。
chrome-debug のインストール方法
コマンドラインで chrome-debug AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/akornmeier/claude-config --skill chrome-debug
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: akornmeier/claude-config。
SKILL.md
原文を見るThis skill explains how to use the Chrome DevTools MCP for browser debugging and UI verification.
Before using Chrome DevTools MCP, you must launch Chrome in headless mode with remote debugging enabled:
This runs Chrome with the required flags for Docker/containerized environments:
ブラウザのデバッグに Chrome DevTools MCP を使用する方法。ページの検査、スクリーンショットの撮影、UI の問題のデバッグ、または視覚的な変更の確認が必要な場合に使用します。 ソース: akornmeier/claude-config。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/akornmeier/claude-config --skill chrome-debug- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-25
- 更新日
- 2026-03-10
クイックアンサー
chrome-debug のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/akornmeier/claude-config --skill chrome-debug インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/akornmeier/claude-config
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-25