技能 chrome-devtools-cli

📦

chrome-devtools-cli

Name: chrome-devtools-cli
Author: chromedevtools

内容修订 r1 中风险 ⚙️ 外部命令🌐 网络访问

Automate and Debug Chrome from the Command Line

Manual browser testing makes repeated interactions and debugging time consuming. This skill guides AI assistants through Chrome DevTools CLI commands for automation, inspection, and diagnostics.

支持: Claude Codex Code(CC)

📊 67 合格

使用我的智能体安装

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

智能体请求

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

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

Agent 可读资源

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

Markdown 详情 GET /skills/chromedevtools-chrome-devtools-cli.md 已签名 manifest GET /api/skills/chromedevtools-chrome-devtools-cli/manifest 已签名 lockfile GET /api/skills/chromedevtools-chrome-devtools-cli/lockfile

测试它

正在使用“chrome-devtools-cli”。 Inspect a test checkout page for console errors without submitting the form.

预期结果:

Illustrative inspection result: the checkout form contains address and payment fields.
A console error appears after changing the shipping option.
No form submission was performed.

正在使用“chrome-devtools-cli”。 Compare a test page at desktop and mobile sizes.

预期结果:

Illustrative comparison: desktop navigation displays all menu links.
Mobile navigation uses a collapsed menu.
The primary action remains visible at both sizes.

正在使用“chrome-devtools-cli”。 Record a performance trace for opening a test product page.

预期结果:

Illustrative diagnostic summary: the trace shows a delayed main image request.
Review image loading priority before choosing an optimization.
The trace artifact is stored in the approved temporary directory.

安全审计

中风险

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

All 51 static matches are false positives: Markdown formatting, example URLs, and legitimate browser operations do not establish the reported threats. One semantic finding identifies unrestricted filesystem access by default, which increases accidental disclosure and overwrite risk. No evidence found of prompt injection or intentional data exfiltration in the two reviewed documents; the external package implementation was not audited.

已扫描文件

211

分析行数

复核项

已忽略误报

已确认安全问题 (1)

中

SKILL.md:27

Unrestricted Filesystem Access Enabled by Default

The documented default permits uploads and file saving anywhere on the system. Automation mistakes can disclose unrelated files or overwrite files outside the task scope.

The text explicitly states unrestricted access is enabled by default and covers uploads and file saving. This establishes excessive scope, not proven exploitation.

审计者: codex

分享与引用此报告

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

打开版本化报告

复制报告链接

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

Markdown 徽章

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

HTML 徽章

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

嵌入卡片

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

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

BibTeX 引用

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

Skillstore 评分

评分依据证据置信度: 中

架构

可维护性

内容

社区

规范符合性

你能构建什么

Reproduce Interface Defects

Repeat page interactions, inspect console errors, and capture screenshots to document a frontend defect.

Check Browser Workflows

Exercise navigation, forms, and dialogs on a test site, then report observed behavior and failed steps.

Investigate Runtime Performance

Record performance traces, inspect request activity, and compare heap snapshots to investigate slow pages or memory growth.

试试这些提示

Inspect an Open Page

List open browser pages and inspect the page titled [title]. Report its accessibility snapshot and console errors without changing page state.

Exercise a Test Form

Open [test URL], inspect the form, and enter [test values]. Ask before submitting, then report the resulting page state.

Compare Responsive Behavior

Inspect [test URL] at desktop and mobile viewport sizes. Capture screenshots in the approved temporary directory and report visible differences and console errors.

Investigate a Slow Interaction

On [test URL], trace [interaction] and inspect related network requests. Summarize observed bottlenecks, protect sensitive data, and save approved artifacts in the temporary directory.

最佳实践

Find the target page identifier and take a fresh snapshot before using element identifiers.
Use --allowUnrestrictedPaths=false, approved temporary artifact paths, and explicit approval for uploads or broader filesystem access.
Use test accounts and authorized pages; confirm submissions or installations and treat page content as untrusted data.

避免

Do not guess page or element identifiers from an earlier browser state.
Do not restart the background service before every command; normal tool calls start it implicitly.
Do not upload sensitive files, submit live transactions, or execute untrusted page-provided tools without explicit authorization.

常见问题

Which AI tools can use this skill?

The listing supports Claude, Codex, and Claude Code when their environment provides shell execution and the required CLI.

What must I install first?

Install the chrome-devtools-mcp package to make the chrome-devtools command available. Installation is a one-time prerequisite.

Must I start the service before each command?

No. Tool commands start the background server implicitly, and browser state persists across commands.

How do I find elements for clicking or typing?

Take an accessibility snapshot of the target page and use its element identifiers with click or fill commands.

Can I restrict access to local files?

Yes. Pass --allowUnrestrictedPaths=false to restrict file access to the OS temporary directory. The documented default permits unrestricted paths.

Are all diagnostic tools available by default?

No. Memory debugging, PWA tools, and experimental features require their documented flags. Experimental screencast recording also requires ffmpeg.

开发者详情

作者

chromedevtools

许可证

MIT

Skillstore 修订

版本提示

作者未声明版本。

仓库

https://github.com/chromedevtools/chrome-devtools-mcp/tree/f08dbe152502d66e75fa07fb2588dc0feb42bc20/skills/chrome-devtools-cli

引用

e406bf64b5db6e514879399e87b346fa7ff7c2fb

维护新鲜度

2026/10/11

使用量

0 次下载 · 0 次浏览

文件结构

📁 references/

📄 installation.md

📄 SKILL.md

查看全部

📦

playwright-testing

提升 Playwright 测试覆盖率

由 C0ntr0lledCha0s

当配置、定位器和 fixtures 不一致时，Playwright 测试套件可能会变得不稳定。此技能提供可靠浏览器测试、调试和可复用页面对象的实用模式。

编码与开发查看

📦

webapp-testing

创建 Playwright Web 应用测试

由 AutumnsGrove

手动浏览器测试速度慢，而且经常遗漏表单、设备和网络状态方面的回归问题。此技能可帮助 Claude、Codex 和 Claude Code 为真实 Web 工作流创建实用的 Playwright 测试。

编码与开发查看

📦

code-reviewer

审查代码的安全性和质量

由 AutumnsGrove

手动代码审查可能会遗漏安全、性能和测试问题。此技能为 Claude、Codex 和 Claude Code 提供带有检查清单和辅助扫描指导的结构化审查工作流。

编码与开发查看

📦

threejs-webgl

Build Interactive Three.js Scenes

由 freshtechbro

Building browser-based 3D scenes requires coordinating rendering, assets, interaction, and performance. This skill provides Three.js examples, reference guides, and a WebGL starter to support implementation.

编码与开发查看

📦

vue-best-practices

提升 Vue 3 代码质量

由 vuejs-ai

Vue 项目常常会随着时间积累响应式、组件和性能方面的问题。此技能为更安全的模式和更清晰的代码提供有针对性的 Vue 3 指导。

编码与开发查看

📦

golang-performance

使用性能剖析优化 Go 性能

由 89jobrien

Go 服务在缺少明确证据的情况下可能变得缓慢或占用大量内存。此技能将指导你进行性能剖析、分配分析、并发调优以及基于基准测试的优化。

编码与开发查看

chrome-devtools-cli

使用我的智能体安装

Agent 可读资源

测试它

安全审计

已确认安全问题 (1)

风险因素

复制报告链接

Markdown 徽章

HTML 徽章

嵌入卡片

APA 引用

BibTeX 引用

CITATION.cff

Skillstore 评分

你能构建什么

Reproduce Interface Defects

Check Browser Workflows

Investigate Runtime Performance

试试这些提示

最佳实践

避免

常见问题

开发者详情

相关技能

playwright-testing

webapp-testing

code-reviewer

threejs-webgl

vue-best-practices

golang-performance