Agent Skills
› ChromeDevTools/chrome-devtools-mcp
ChromeDevTools/chrome-devtools-mcp
GitHub利用 Chrome DevTools MCP 进行无障碍调试与审计，涵盖语义 HTML、ARIA 标签、键盘导航及色彩对比度检查。
Install All Skills
npx skills add ChromeDevTools/chrome-devtools-mcp --all -g -y
Skills in Collection (6)
利用 Chrome DevTools MCP 进行无障碍调试与审计，涵盖语义 HTML、ARIA 标签、键盘导航及色彩对比度检查。
需要检测网页无障碍合规性
分析屏幕阅读器可读性
修复 ARIA 属性或焦点状态问题
npx skills add ChromeDevTools/chrome-devtools-mcp --skill a11y-debugging -g -y
通过 CLI 自动化浏览器操作，如页面导航、元素交互和截图。适用于 Web 测试、数据抓取及前端调试场景。
需要自动化浏览器点击或填写表单时
需从终端执行前端页面快照或调试任务时
npx skills add ChromeDevTools/chrome-devtools-mcp --skill chrome-devtools-cli -g -y
通过MCP调用Chrome DevTools进行网页调试、故障排查及浏览器自动化。支持页面导航、元素交互、性能分析、网络请求检查及扩展测试，旨在提升Web开发中的调试效率与自动化能力。
调试网页问题
自动化浏览器操作
分析页面性能
检查网络请求
测试浏览器扩展
npx skills add ChromeDevTools/chrome-devtools-mcp --skill chrome-devtools -g -y
指导使用 Chrome DevTools MCP 工具调试和优化 LCP，解决页面加载慢、核心网页指标问题及主内容渲染延迟。
LCP 性能优化
页面加载速度慢
Core Web Vitals 优化
主内容渲染延迟
npx skills add ChromeDevTools/chrome-devtools-mcp --skill debug-optimize-lcp -g -y
针对JS/Node.js应用提供内存泄漏诊断与修复指导，利用Chrome DevTools MCP工具捕获、比较堆快照并分析对象保留链。
用户报告高内存使用或OOM错误
需要捕获或检查堆快照以排查内存问题
npx skills add ChromeDevTools/chrome-devtools-mcp --skill memory-leak-debugging -g -y
用于排查 Chrome DevTools MCP 服务器连接及配置故障，通过读取配置文件、诊断常见错误（如端口未找到）并提供修复步骤。
list_pages, new_page, 或 navigate_page 调用失败
MCP 服务器初始化启动失败
npx skills add ChromeDevTools/chrome-devtools-mcp --skill troubleshooting -g -y
