スキル chrome-devtools-debugging

📦

chrome-devtools-debugging

Name: chrome-devtools-debugging
Author: Consiliency

コンテンツリビジョン r1 高リスク 🌐 ネットワークアクセス⚡ スクリプトを含む⚙️ 外部コマンド

Chrome DevToolsでWebアプリをデバッグ

ブラウザーのバグは、コンソールログ、ネットワークトラフィック、認証済み状態の中に隠れていることがよくあります。このスキルは、Claude、Codex、Claude CodeがChrome DevTools MCPを使ってデバッグする手順を案内します。

対応: Claude Codex Code(CC)

⚠️ 38 不十分

Maintain this Skill? Claim it ⚠️ 38 不十分

インストール前に停止して確認を求めてください。

計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

Review the Skillstore skill "chrome-devtools-debugging" from https://skillstore.io/skills/consiliency-chrome-devtools-debugging.md and its manifest at https://skillstore.io/api/skills/consiliency-chrome-devtools-debugging/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/consiliency-chrome-devtools-debugging.md 署名済み manifest GET /api/skills/consiliency-chrome-devtools-debugging/manifest 署名済み lockfile GET /api/skills/consiliency-chrome-devtools-debugging/lockfile

テストする

「chrome-devtools-debugging」を使用しています。ログイン後にダッシュボードが空白ページになる理由を見つけてください。

期待される結果:

コンソール確認により、ダッシュボードのレンダリング中にフロントエンド例外が見つかりました。
ネットワーク確認により、認可エラーを伴う失敗したセッションリクエストが1件見つかりました。
推奨される次の手順: トークン値を露出せずに、トークン更新処理を検証してください。

「chrome-devtools-debugging」を使用しています。製品ページがAPI呼び出しのせいで遅いか確認してください。

期待される結果:

最も遅いリクエストは、製品検索と画像メタデータの呼び出しでした。
ブラウザートレースでは、レンダリングが検索レスポンスを待っていたことが示されました。
推奨される次の手順: メタデータをキャッシュし、重要でない画像処理を遅延させてください。

「chrome-devtools-debugging」を使用しています。リリース前に現在のブラウザーコンソール警告を確認してください。

期待される結果:

レポートには、機密性の高いブラウザーデータをコピーせずに、警告カテゴリ、影響を受けるページ、考えられる原因、推奨される担当者が一覧表示されます。

セキュリティ監査

高リスク

v10 • 2026/7/13 バージョン別レポートを開く

Most static findings are false positives caused by Markdown formatting, reserved example URLs, localhost endpoints, and a normal Python import. The guides expose authenticated browser data, enable remote debugging on logged-in sessions, and recommend an unpinned NPM package. Publication should require version pinning and clear browser isolation and secret-handling safeguards.

スキャンされたファイル

1,033

解析済み行数

レビュー項目

誤検知を無視

確認済みのセキュリティ上の懸念 (2)

高

SKILL.md:110-130 cookbook/console-debugging.md:91-108 cookbook/network-debugging.md:90-130 reference.md:183-206

Authentication Secrets Printed in Debug Output

The guides direct users to print complete localStorage, sessionStorage, cookies, token values, and inspect authorization headers from authenticated sessions. This can expose credentials in terminal logs or model context.

Multiple explicit examples read and print browser authentication storage, cookies, tokens, or authorization data without redaction guidance.

中

SKILL.md:29-46 SKILL.md:110-130

Authenticated Browser Exposed to Remote Debugging

The setup enables a DevTools endpoint and then operates on a logged-in browser session. Any process that can reach the endpoint can control tabs and inspect sensitive page data.

The documented workflow explicitly starts Chrome with remote debugging and uses the connection against an authenticated session.

機能レビュー項目 (1)

これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。

中

SKILL.md:172-179

Ruby/shell backtick execution

- MCP server not installed (`npx chrome-devtools-mcp@latest`)

The troubleshooting guidance recommends npx chrome-devtools-mcp@latest, which can download and execute a mutable package version without integrity pinning.

リスク要因

🌐 ネットワークアクセス (16)

cookbook/console-debugging.md:200 cookbook/network-debugging.md:60 cookbook/network-debugging.md:149 cookbook/network-debugging.md:227 reference.md:102 reference.md:314 reference.md:80 reference.md:20 reference.md:222 reference.md:235 reference.md:275 reference.md:20 SKILL.md:144 SKILL.md:46 SKILL.md:180 SKILL.md:46

⚡ スクリプトを含む (1)

reference.md:110-114

⚙️ 外部コマンド (38)

監査者: codex 監査履歴を表示 →

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/consiliency-chrome-devtools-debugging/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/consiliency-chrome-devtools-debugging/security.svg)](https://skillstore.io/skills/consiliency-chrome-devtools-debugging?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/consiliency-chrome-devtools-debugging?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/consiliency-chrome-devtools-debugging/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/consiliency-chrome-devtools-debugging.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学術引用 (APA · BibTeX · CFF)

APA形式の引用

Consiliency. (2026). chrome-devtools-debugging security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/consiliency-chrome-devtools-debugging/audits/10

BibTeX形式の引用

@techreport{consiliency-consiliency-chrome-devtools-debugging-2026,
  author = {Consiliency},
  title = {chrome-devtools-debugging security audit report (audit version 10)},
  institution = {Skillstore},
  year = {2026},
  number = {10},
  url = {https://skillstore.io/skills/consiliency-chrome-devtools-debugging/audits/10},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "chrome-devtools-debugging security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
  - name: "Consiliency"
date-released: "2026-07-13"
url: "https://skillstore.io/skills/consiliency-chrome-devtools-debugging/audits/10"
identifiers:
  - type: other
    value: "skillstore:consiliency-chrome-devtools-debugging:audit:10"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由証拠の信頼度: 中

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

フロントエンドのコンソール障害を診断する

ブラウザーエラー、警告、スタックトレース、アプリケーション状態を確認し、可能性の高いフロントエンドの不具合を特定します。

認証済みAPIの問題を調査する

機密性の高いセッションデータを保護しながら、手動ログイン後に失敗したXHRおよびfetchリクエストを調査します。

ページ読み込みの遅さを分析する

トレースを取得し、遅いリクエストを見つけ、パフォーマンス問題をネットワークおよびコンソールの証拠と関連付けます。

これらのプロンプトを試す

コンソールエラーを調査する

Chrome DevToolsデバッグを使って、現在のコンソールエラーと警告を一覧表示してください。考えられる原因を要約し、秘密情報は出力しないでください。

失敗したAPI呼び出しを確認する

最近失敗したXHRおよびfetchリクエストを一覧表示してください。ステータスコード、エンドポイントパターン、考えられるフロントエンドへの影響でグループ化してください。

認証済みフローをデバッグする

認証済みページでコンソールエラーと失敗したAPI呼び出しを調査してください。報告前にCookie、トークン、リクエストボディをマスキングしてください。

パフォーマンスの証拠を関連付ける

ページ読み込みトレースを取得し、遅いネットワークリクエストを確認し、最も強い証拠を具体的な最適化手順に結び付けてください。

ベストプラクティス

デバッグセッションには専用のテスト用ブラウザープロファイルを使用してください。
出力を共有する前に、トークン、Cookie、リクエストボディ、個人データをマスキングしてください。
まず要約から始め、必要な場合にのみ完全なリクエスト詳細やコンソール詳細を要求してください。

回避

localStorage、sessionStorage、Cookie、authorizationヘッダーを完全に出力すること。
セッション終了後もChromeリモートデバッグを利用可能なままにすること。
未固定のnpxパッケージやコピーしたコマンドを確認せずに実行すること。

よくある質問

このスキルは何のデバッグに役立ちますか？

コンソールメッセージ、ネットワークリクエスト、パフォーマンストレース、ブラウザー状態、認証済みWebセッションの調査に役立ちます。

ブラウザー自動化ツールの代わりになりますか？

いいえ。これはDevToolsデバッグに焦点を当てており、スクリーンショット、フォーム入力、広範な自動化ワークフローを対象としていません。

ログイン済みセッションで動作しますか？

はい。Chromeがすでにログイン済みで、DevToolsアクセスが設定されている場合に利用できます。機密データはマスキングする必要があります。

リモートデバッグがセキュリティ上の懸念になるのはなぜですか？

DevToolsエンドポイントはブラウザーページを調査および制御できます。ループバックアクセス、テスト用プロファイル、短時間のセッションを使用してください。

ユーザーは何の共有を避けるべきですか？

Cookie、トークン、authorizationヘッダー、個人データ、完全なストレージダンプ、非公開のリクエストボディの共有は避けてください。

どのAIツールがサポートされていますか？

レポートには、Claude、Codex、Claude Codeのサポートが記載されています。

開発者情報

作成者

Consiliency

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/Consiliency/treesitter-chunker/tree/main/.ai-dev-kit/skills/chrome-devtools-debugging

参照

635f69fb8d2f4e6330ba47a4e5a0fb239c04d110

メンテナンスの新しさ

2026/7/25

利用状況

10 ダウンロード · 226 閲覧

ファイル構成

📁 cookbook/

📄 console-debugging.md

📄 network-debugging.md

📄 reference.md

📄 SKILL.md