·chrome-devtools
</>

chrome-devtools

cygnusfear/agent-skills

使用 chrome-devtools-mcp 以编程方式控制 Chrome 浏览器。当用户要求自动化 Chrome、调试网页、截取屏幕截图、评估 JavaScript、检查网络请求或与浏览器开发工具交互时使用。当被问及浏览器自动化、网页抓取或测试网站时也可以使用。

7安装·1热度·@cygnusfear

安装

$npx skills add https://github.com/cygnusfear/agent-skills --skill chrome-devtools

SKILL.md

⚡ Performance Tip: Always use the patterns in "Quick Start" section below. They include cleanup and run everything in ONE command to avoid browser lock issues.

📚 See also: MCP CLI Guide for general MCP CLI patterns and best practices

Interactive shell mode (RECOMMENDED - maintains single browser instance):

使用 chrome-devtools-mcp 以编程方式控制 Chrome 浏览器。当用户要求自动化 Chrome、调试网页、截取屏幕截图、评估 JavaScript、检查网络请求或与浏览器开发工具交互时使用。当被问及浏览器自动化、网页抓取或测试网站时也可以使用。 来源:cygnusfear/agent-skills。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/cygnusfear/agent-skills --skill chrome-devtools
分类
</>开发工具
认证
收录时间
2026-02-15
更新时间
2026-02-18

快速解答

什么是 chrome-devtools?

使用 chrome-devtools-mcp 以编程方式控制 Chrome 浏览器。当用户要求自动化 Chrome、调试网页、截取屏幕截图、评估 JavaScript、检查网络请求或与浏览器开发工具交互时使用。当被问及浏览器自动化、网页抓取或测试网站时也可以使用。 来源:cygnusfear/agent-skills。

如何安装 chrome-devtools?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/cygnusfear/agent-skills --skill chrome-devtools 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/cygnusfear/agent-skills