browser-devtools-mcp-vscode
Browser DevTools MCP VSCode Extension
Skill by ara.so — Devtools Skills collection.
Overview
Browser DevTools MCP for VS Code & Cursor is a Playwright-powered browser automation extension that integrates the browser-devtools-mcp server into your IDE via the Model Context Protocol (MCP). It enables AI assistants like GitHub Copilot and Cursor AI to interact with real web browsers for testing, debugging, and automation tasks.
Key capabilities:
- Browser automation (navigation, clicks, form filling)
- Screenshots and visual testing
- Accessibility audits and ARIA tree inspection
- Core Web Vitals measurement (LCP, INP, CLS, TTFB, FCP)
- Network inspection and request mocking
- React DevTools integration
- OpenTelemetry distributed tracing
- Figma design comparison
- Non-blocking debugging (tracepoints, logpoints, watch expressions)
- Batch execution via JavaScript
More from aradotso/devtools-skills
cli-anything-agent-native-software
Generate and use command-line interfaces that make any software controllable by AI agents with structured JSON output
76opencli-universal-cli-hub
Convert websites, Electron apps, and local tools into standardized CLIs for AI agents and humans using OpenCLI's browser automation and adapter framework.
75op-auto-clicker
Automate mouse clicks with customizable intervals, hotkeys, and macros using OP Auto Clicker for Windows
74chrome-devtools-mcp-automation
Use Chrome DevTools MCP to control Chrome, debug web apps, analyze performance, and automate browser tasks via MCP tools
73wx-cli-wechat-local-data
Query and export local WeChat data (messages, contacts, moments, favorites) from the command line with daemon architecture
72officecli-office-automation
Use OfficeCLI to create, read, and edit Word, Excel, and PowerPoint files from the command line with AI-friendly commands.
71