技能 browser-devtools

📦

browser-devtools

Name: browser-devtools
Author: shreyam1008

内容修订 r1 安全 ⚙️ 外部命令📁 文件系统访问🌐 网络访问

Debug Chrome Web Apps with DevTools

Chrome web problems often require evidence from several browser surfaces, which makes diagnosis slow and inconsistent. This skill provides a focused workflow for reproducing issues, collecting bounded evidence, and verifying fixes with agent-browser and Chrome DevTools.

支持: Claude Codex Code(CC)

📊 76 合格

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

Review the Skillstore skill "browser-devtools" from https://skillstore.io/skills/shreyam1008-browser-devtools.md and its manifest at https://skillstore.io/api/skills/shreyam1008-browser-devtools/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/shreyam1008-browser-devtools.md 已签名 manifest GET /api/skills/shreyam1008-browser-devtools/manifest 已签名 lockfile GET /api/skills/shreyam1008-browser-devtools/lockfile

测试它

正在使用“browser-devtools”。 The checkout button appears to do nothing after a recent frontend change.

预期结果:

Evidence: the click reaches the page, but the request is blocked during preflight. Cause: the new origin is missing the required CORS response. Verification: the same authorized test action succeeds after the server policy is corrected.

正在使用“browser-devtools”。 A dashboard becomes slow after switching between two filters.

预期结果:

Trace result: repeated rendering dominates the measured interaction.
Relevant path: the filter change remounts the results branch and repeats expensive work.
Next check: compare an equivalent interaction after stabilizing the branch identity.

正在使用“browser-devtools”。 A React panel rerenders whenever an unrelated control changes.

预期结果:

The focused component branch receives a changed object identity from its parent. The profile shows extra commits, but it does not establish a production-wide performance impact.

安全审计

安全

v1 • 2026/10/2 打开版本化报告

All 15 static findings are false positives caused by documentation examples, safety warnings, or legitimate browser diagnostics. The reviewed files describe scoped, authorized investigation and include safeguards for secrets, profiles, request replay, and persistent browser state.

已扫描文件

281

分析行数

复核项

已忽略误报

风险因素

⚙️ 外部命令 (4)

references/backends.md:15 references/backends.md:17 references/backends.md:31 SKILL.md:8

📁 文件系统访问 (2)

references/backends.md:7 references/backends.md:7

🌐 网络访问 (1)

SKILL.md:21

最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。

审计者: codex

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

复制报告链接

https://skillstore.io/skills/shreyam1008-browser-devtools/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

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

HTML 徽章

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

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/shreyam1008-browser-devtools.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 引用

shreyam1008. (2026). browser-devtools security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/shreyam1008-browser-devtools/audits/1

BibTeX 引用

@techreport{shreyam1008-shreyam1008-browser-devtools-2026,
  author = {shreyam1008},
  title = {browser-devtools security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/shreyam1008-browser-devtools/audits/1},
  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: "browser-devtools security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "shreyam1008"
date-released: "2026-10-02"
url: "https://skillstore.io/skills/shreyam1008-browser-devtools/audits/1"
identifiers:
  - type: other
    value: "skillstore:shreyam1008-browser-devtools:audit:1"
    description: "Skillstore immutable audit report identifier"

Skillstore 评分

评分依据证据置信度: 中

架构

可维护性

内容

社区

规范符合性

你能构建什么

Diagnose a failed API request

Capture the failing transaction, inspect redirects and browser policies, trace the initiator, and verify the repair under comparable conditions.

Find a slow interaction

Record a focused interaction, separate network, rendering, and JavaScript costs, then identify the dominant measured path.

Investigate a React rendering issue

Inspect the relevant component branch and profile repeated commits without dumping unrelated application state.

试试这些提示

Start a browser diagnosis

Investigate this Chrome issue: [describe the symptom]. Use the intended test URL, reproduce it once, and report the observed evidence, likely cause, and next check.

Trace a failed request

Analyze the failed request for [action]. Capture the request and response details, redirect or preflight behavior, initiating source, and resulting UI state. Redact secrets.

Profile a slow interaction

Profile [interaction] in an isolated session. Record a short comparable trace, separate network, scripting, rendering, and paint costs, and identify the dominant measured path.

Validate a React performance hypothesis

Investigate whether [component or interaction] causes repeated expensive renders. Inspect the smallest relevant React branch, profile the same interaction before and after one controlled change, and report limits.

最佳实践

Start collection before reproduction and keep the investigation scoped to the failing origin and action.
Redact credentials, cookies, signed URLs, and sensitive payloads before sharing traces, screenshots, HARs, or heap data.
Change one condition at a time, preserve normal browser behavior, and repeat the same scenario after a fix.

避免

Do not replay requests, clear storage, change security settings, or mutate application state without authorization.
Do not dump whole globals, session objects, component trees, HAR files, or heap snapshots when bounded evidence is enough.
Do not treat one trace, a successful terminal request, or a mocked response as proof of production behavior.