chrome-devtools-mcp
这个工具能让Claude直接连接Chrome开发者工具，让你通过自然语言对话就能调试网页。像是给你的浏览器找了个AI助手，网络请求、性能问题、JS错误，一问便知。
功能简介
这个工具能让Claude直接连接Chrome开发者工具，让你通过自然语言对话就能调试网页。像是给你的浏览器找了个AI助手，网络请求、性能问题、JS错误，一问便知。
适用能力
[{"title":"前端开发的AI外挂","desc":"让Claude成为你的调试搭档，用对话代替手动检查，效率直接翻倍"},{"title":"复用项目上下文","desc":"结合已有文件、规则和输入材料，减少每次重新说明背景的成本。"},{"title":"输出可交付结果","desc":"适合生成分析结果、执行步骤、代码修改建议或可复制的内容草稿。"}]
输入说明
需求描述、项目文件、参考资料、截图或用户指定的执行规则。
输出说明
分析结果、执行步骤、生成内容、代码修改或可复制的交付文档。
示例提示词
["使用 chrome-devtools-mcp 帮我处理这个任务","调用 chrome-devtools-mcp，按当前项目规则给出执行方案","用 chrome-devtools-mcp 生成一版可以直接交付的结果"]
安装命令
codex skill add benjaminr/chrome-devtools-mcp