Web Developer
Provides web development tools for AI assistants, enabling browser automation, DOM inspection, network monitoring, and console analysis via Playwright.
About
This Model Context Protocol (MCP) server provides web development tools for coding AI assistants like Claude Code, Cursor, and other AI-powered development environments. It enables AI assistants to inspect web pages, monitor network requests, extract HTML, analyze console output, and examine DOM elements in real-time through a Playwright-powered browser. It's ideal for debugging web applications, testing UI components, analyzing API behavior, and understanding page dynamics during development.
Key Features
- Network Request Monitoring to capture and analyze HTTP requests/responses
- Live Browser Integration with Playwright for persistent sessions
- DOM Inspection for detailed element analysis (styles, position, visibility)
- HTML Extraction of raw markup for testing and analysis
- Real-time Console Monitoring for logs, errors, and warnings
- 2 GitHub stars
Use Cases
- Analyzing API integrations by monitoring and inspecting network requests and responses.
- Debugging web applications by monitoring console errors, API calls, and UI elements.
- Testing UI components by extracting HTML and inspecting element properties.