Chrome DevTools MCP

官方开发
来源

浏览器控制台、网络与性能调试，配 Playwright 做「开发→验证→调试」闭环。

#debug#console#performance

能做什么

  • 读浏览器控制台报错
  • 排查网络与性能问题
  • 自动化调试流程

安装方式

claude mcp add chrome-devtools

相关技能

Web Artifacts Builder官方

官方 skills：用 React + Tailwind + shadcn/ui 构建多文件项目，再打包成单个 HTML。

#react#tailwind#single-file
plugin marketplace add anthropics/skills查看来源
Webapp Testing官方

官方 skills：网页自动化测试，点选 / 截图 / 校验渲染结果。

#testing#browser#qa
plugin marketplace add anthropics/skills查看来源
Claude API官方

Claude API / Anthropic SDK 参考：模型 ID、定价、参数、流式、工具调用、缓存。

#api#sdk#reference
.claude/skills查看来源
Code Review官方

代码审查技能：审查 PR 或当前改动，给出可执行的安全 / 正确性 / 性能发现。

#review#pr#quality
.claude/skills查看来源
Security Review官方

对当前分支的改动做安全审查：注入、敏感信息、依赖漏洞与不安全的默认值。

#security#audit#review
.claude/skills查看来源
Review官方

审查 GitHub PR 或当前工作区 diff，输出正确性 / 安全 / 性能的分级发现。

#pr#code-quality#diff
.claude/skills查看来源