cc_chrome_devtools_mcp_skill
让Claude变成你的前端诊断专家。不再靠截图和猜测来调试网页，直接通过Chrome DevTools协议查看实际渲染页面，捕获网络流量，测量真实性能指标，验证无障碍性，发现问题即自动修复。就像给你的代码助手装上了X光眼。
功能简介
让Claude变成你的前端诊断专家。不再靠截图和猜测来调试网页，直接通过Chrome DevTools协议查看实际渲染页面，捕获网络流量，测量真实性能指标，验证无障碍性，发现问题即自动修复。就像给你的代码助手装上了X光眼。
适用能力
[{"title":"前端开发的终极透视镜","desc":"把Chrome开发者工具的超能力装进Claude，性能/无障碍/网络问题无所遁形"},{"title":"复用项目上下文","desc":"结合已有文件、规则和输入材料，减少每次重新说明背景的成本。"},{"title":"输出可交付结果","desc":"适合生成分析结果、执行步骤、代码修改建议或可复制的内容草稿。"}]
输入说明
需求描述、项目文件、参考资料、截图或用户指定的执行规则。
输出说明
分析结果、执行步骤、生成内容、代码修改或可复制的交付文档。
示例提示词
["使用 cc_chrome_devtools_mcp_skill 帮我处理这个任务","调用 cc_chrome_devtools_mcp_skill，按当前项目规则给出执行方案","用 cc_chrome_devtools_mcp_skill 生成一版可以直接交付的结果"]
安装命令
codex skill add justfinethanku/cc_chrome_devtools_mcp_skill