让AI直接操控Chrome浏览器！这款DevTools Skill让自动化效率翻倍

最近我发现了一个让 AI 浏览器自动化变得超简单的 Skill——github/chrome-devtools，忍不住要来安利一下！🤩

你是不是有过这样的困扰：需要 AI 帮你填表单、截图、调试网页，但每次都要写一堆复杂指令？现在有了这个 Skill，AI 直接操控 Chrome DevTools MCP，浏览器操作变成一句话的事！

它能做什么？

这个 Skill 本质上是一个 Chrome DevTools 的封装层，让 AI Agent 能够精确控制浏览器。主要功能包括：

浏览器自动化：打开网页、点击元素、填写表单、处理弹窗——这些以前需要写 Playwright 脚本的操作，现在 AI 直接听懂「帮我打开某网页然后填这个表单」就能搞定。

截图 & 页面快照：不只是截个图那么简单，它还能生成页面的可访问性树（accessibility tree），AI 能精准知道页面上每个元素的 ID，然后准确定位点击。

调试能力：检查控制台日志、运行自定义 JavaScript、分析网络请求。网页报错的时候，让 AI 帮你跑一遍控制台日志，比你自己查快多了。

性能分析：录制性能轨迹、分析 Core Web Vitals 问题、识别 LCP（最大内容绘制）瓶颈。运营同学做页面速度优化，这个功能简直是神器！

使用方式

通过 Smithery 安装到各种 Agent 平台（Claude Code、Cursor、OpenClaw 等），装好后只要对 AI 说人话，它就会自动调用对应的工具。比如：

• 「帮我截图这个页面」
• 「填一下这个表单，用户名写 xxx，邮箱写 xxx」
• 「分析一下这个页面的性能问题」
• 「看看这个页面有没有控制台报错」

适合谁用？

运营/产品同学：需要定期截图汇报、填表、查数据的
前端开发者：调试网页、做自动化测试
SEO/数据分析：批量抓取页面内容、分析网络请求
AI 开发者：给 Agent 赋予真实浏览器操作能力

这个 Skill 来自 GitHub 官方的 awesome-copilot 仓库，Star 数高达 2 万+，质量有保证。目前已集成到 16+ 个主流 Agent 平台，安装非常方便。

GitHub 链接：https://github.com/github/awesome-copilot/tree/main/skills/chrome-devtools

GitHub: https://github.com/github/awesome-copilot/tree/main/skills/chrome-devtools