Community生产力与协作github.com

chromedevtools/chrome-devtools-cli

使用此技能编写 Shell 脚本或运行 Shell 命令,通过 CLI 自动化浏览器任务或调用 Chrome DevTools 功能。

chrome-devtools-cli 是什么?

该技能允许开发者通过命令行界面直接控制 Chrome DevTools,实现浏览器任务的自动化。它支持使用 Shell 脚本或单行命令来执行诸如页面操作、网络请求拦截、性能分析等常见 DevTools 功能。主要适用于需要集成浏览器自动化到 CI/CD 管道、本地测试脚本,或进行高级调试的场景。技能本身不依赖特定平台,兼容所有支持 Chrome 和 Shell 的环境,但需要预先安装 Chrome/Chromium 浏览器及必要的命令行工具。通过封装 DevTools 协议,用户无需手动编写 WebSocket 或 CDP 通信代码,即可快速实现任务自动化。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/chromedevtools/chrome-devtools-mcp/tree/main/skills/chrome-devtools-cli

Installed? Explore more 生产力与协作 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

chrome-devtools-cli 是做什么的?

使用此技能编写 Shell 脚本或运行 Shell 命令,通过 CLI 自动化浏览器任务或调用 Chrome DevTools 功能。

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

chromedevtools/a11y-debugging

Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and color contrast.

chromedevtools/chrome-devtools

Uses Chrome DevTools via MCP for efficient debugging, troubleshooting and browser automation. Use when debugging web pages, automating browser interactions, analyzing performance, or inspecting network requests. This skill does not apply to `--slim` mode (MCP configuration).

chromedevtools/cookie-debugging

Uses Chrome DevTools MCP for inspecting, debugging, and testing cookies, session state, authentication issues, and cookie consent compliance. Use when diagnosing 401/403 errors, authentication redirects, session expiration, Cookie/Set-Cookie header issues, cookie banner consent conformance, or third-party cookie/SameSite/Partitioned cookie warnings.

chromedevtools/debug-optimize-lcp

Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools. Use this skill whenever the user asks about LCP performance, slow page loads, Core Web Vitals optimization, or wants to understand why their page's main content takes too long to appear. Also use when the user mentions "largest contentful paint", "page load speed", "CWV", or wants to improve how fast their hero image or main content renders.

chromedevtools/memory-leak-debugging

Diagnoses and resolves memory leaks in JavaScript/Node.js applications. Use when a user reports high memory usage, OOM errors, or wants to capture, compare, or inspect heap snapshots with Chrome DevTools MCP memory tools.

chromedevtools/troubleshooting

Uses Chrome DevTools MCP and documentation to troubleshoot connection and target issues. Trigger this skill when list_pages, new_page, or navigate_page fail, or when the server initialization fails.

相关技能