スキル dev-tools-skill
📦

dev-tools-skill

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド

使用 Chrome DevTools 偵錯 Web 應用程式

前端錯誤可能很難只靠程式碼重現。這項技能會引導 Claude、Codex 和 Claude Code 透過 Chrome DevTools MCP 收集證據。

対応: Claude Codex Code(CC)
Maintain this Skill? Claim it 📊 75 十分

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

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

エージェントリクエスト
Review the Skillstore skill "dev-tools-skill" from https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill.md and its manifest at https://skillstore.io/api/skills/eccentric-jamaican-dev-tools-skill/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

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

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

テストする

「dev-tools-skill」を使用しています。 我的產品頁面載入後是空白畫面。

期待される結果:

主控台顯示載入期間的第一個應用程式錯誤。可能原因是在 render 前缺少資料。建議修正:保護 component state,並透過重新載入驗證。

「dev-tools-skill」を使用しています。 登陸頁首次載入時感覺很慢。

期待される結果:

追蹤結果指出大型 hero image 導致 LCP 緩慢。建議修正:提供響應式圖片尺寸,並延後載入非關鍵 scripts。

「dev-tools-skill」を使用しています。 dashboard 登入成功,但沒有顯示任何資料。

期待される結果:

失敗的請求回傳授權錯誤。建議修正:驗證 auth header 和 token refresh path,然後重新測試流程。

セキュリティ監査

安全

All static findings were false positives caused by Markdown inline code for DevTools MCP tool names or benign debugging guidance. No prompt injection, data exfiltration intent, or malicious automation instructions were found. The skill emphasizes evidence gathering, read-only inspection where possible, and confirmation before destructive actions.

6
スキャンされたファイル
186
解析済み行数
0
レビュー項目
0
誤検知を無視
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用

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

バージョン別レポートを開く
セキュリティ評価

レポートリンクをコピー

https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/eccentric-jamaican-dev-tools-skill/security.svg)](https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eccentric-jamaican-dev-tools-skill/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/eccentric-jamaican-dev-tools-skill.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形式の引用

Eccentric-jamaican. (2026). dev-tools-skill security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8

BibTeX形式の引用

@techreport{eccentric-jamaican-eccentric-jamaican-dev-tools-skill-2026, author = {Eccentric-jamaican}, title = {dev-tools-skill security audit report (audit version 8)}, institution = {Skillstore}, year = {2026}, number = {8}, url = {https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8}, 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: "dev-tools-skill security audit report (audit version 8)" version: "unspecified" type: report authors: - name: "Eccentric-jamaican" date-released: "2026-07-05" url: "https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8" identifiers: - type: other value: "skillstore:eccentric-jamaican-dev-tools-skill:audit:8" description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由 証拠の信頼度: 高
45
アーキテクチャ
85
保守性
87
コンテンツ
71
コミュニティ
83
仕様準拠

作成できるもの

診斷 UI 互動錯誤

檢查快照、螢幕截圖、計算樣式和瀏覽器互動,以找出版面或點擊問題。

調查失敗的瀏覽器流程

檢視主控台錯誤和網路請求,以識別失敗的端點、payload 問題或 CORS 問題。

分類緩慢的 Web 頁面問題

執行效能追蹤、分析主要洞察,並將其連結到資產、script 或版面瓶頸。

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

檢查基本 UI 錯誤
使用 DevTools skill 檢查此頁面,並說明為什麼按鈕沒有回應。請用白話描述每個步驟。
找出失敗的請求
使用 DevTools skill 檢視此登入流程失敗的主控台和網路證據。找出第一個失敗的請求,並建議最小幅度的修正。
追蹤緩慢頁面
使用 DevTools skill 搭配重新載入執行效能追蹤,識別最重要的洞察,並將其連結到網路或版面證據。
比較響應式版面
使用 DevTools skill 比較桌面和行動版面、檢查計算樣式、重現互動,並提出可復原的修補計畫。

ベストプラクティス

  • 在變更程式碼前,先從快照、主控台訊息和網路請求開始。
  • 除非使用者核准受控的 mutation,否則保持 DOM scripts 唯讀。
  • 摘要整理證據、可能原因、最小修正和驗證步驟。

回避

  • 未經使用者明確確認就提交表單或觸發破壞性動作。
  • 在收集瀏覽器證據前就直接進行程式碼變更。
  • 診斷時明明只需觀察,卻執行大範圍 DOM mutations。

よくある質問

這項技能需要 Chrome DevTools MCP 嗎?
是。它是為 Chrome DevTools MCP server 可檢查即時頁面的工作流程而設計。
它可以修正後端 API 錯誤嗎?
它可以識別瀏覽器可見的 API 失敗。伺服器端根本原因仍需要後端程式碼或 logs。
它會自動提交表單嗎?
不會。這項技能會指示 agent 在提交表單或執行破壞性動作前先要求確認。
它會收集哪些證據?
它會收集快照、螢幕截圖、主控台訊息、網路請求詳細資訊、DOM 狀態和效能追蹤。
初學者可以使用它嗎?
可以。它會要求 agent 以白話說明動作,並逐步引導診斷。
支援哪些 AI 工具?
它宣告支援 Claude、Codex 和 Claude Code。

開発者情報

ライセンス

MIT

Skillstore リビジョン

r1

バージョンに関する注意

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

参照

30c73eac2afe762f6aa9c4553158769369d47351

メンテナンスの新しさ

2026/7/22

利用状況

12 ダウンロード · 237 閲覧

ファイル構成

Eccentric-jamaican のその他のスキル

すべて表示
すべて表示