浏览器开发工具技能
技能 浏览器工具MCP -具备浏览器自动化、测试和调试的AI代理技能。
安装
使用以下工具安装浏览器自动化功能，作为AI编码代理（Claude Code、Cursor、Windsurf等）的技能 技能s.sh 生态系统：
npx skills add serkan-ozal/browser-devtools-skills可用技能
CLI技能
| 技能 | 描述 |
|---|---|
| 浏览器devtools cli | 浏览器自动化的完整CLI参考 |
| 用于Node.js后端调试的CLI（跟踪点、日志点、检查器协议） |
浏览器devtools cli域引用：
- 导航 -页面导航（转到、返回或前进、重新加载）
- 内容 -内容提取（屏幕截图、PDF、HTML、文本）
- 互动 -用户交互（点击、填充、悬停、滚动）
- a11y -可访问性快照（ARIA、AX树）
- 2011年 -可观察性（Web生命、控制台、HTTP、跟踪）
- 调试 -非阻塞调试（跟踪点、日志点、异常）
- 存根 -HTTP模拟（拦截、模拟、清除）
- 同步 -同步（等待网络空闲）
- 反应 -React DevTools集成
- 菲格玛 -Figma设计比较
- 执行 -批处理JavaScript执行（运行execute；CLI和MCP）
node-devtools-cli引用：
- 调试 -连接、跟踪点、日志点、异常点、快照
特定任务技能
| 技能 | 描述 |
|---|---|
| 浏览器测试 | 浏览器自动化、交互和表单测试 |
| 调试 | 控制台、网络、跟踪点、日志点和异常监控 |
| 目视检测 | 截图、响应测试和Figma比较 |
| 绩效审计 | Web生命周期和性能分析 |
| 可访问性审计 | WCAG合规性和ARIA验证 |
| api测试 | API嘲讽和请求拦截 |
| 反应调试 | React组件检查 |
| 可观测性 | 分布式跟踪和监控 |
快速开始
# Install globally
npm install -g browser-devtools-mcp
# Browser automation
browser-devtools-cli navigation go-to --url "https://example.com"
browser-devtools-cli content take-screenshot --name "homepage"
browser-devtools-cli content get-as-text
# Node.js backend debugging (requires PLATFORM=node daemon; use --port 2021 if browser daemon is on 2020)
PLATFORM=node node-devtools-cli daemon start --port 2021
node-devtools-cli --port 2021 debug connect --pid 12345
node-devtools-cli --port 2021 debug put-tracepoint --url-pattern "server.js" --line-number 42许可证
弹性许可证2.0（ELv2）