DevTool MCP
This server turns your AI coding assistant into a full-stack development companion by bridging the gap between terminal and browser. It spins up proxy servers that inject debugging tools into your web apps, letting your agent capture screenshots, inspect DOM elements, analyze network traffic, and receive JavaScript errors in real time. The floating browser overlay lets you sketch wireframes directly on running UIs or send messages to your agent without context switching. It wraps development processes and manages server lifecycles through MCP tools, handles both stdio transport for Claude Desktop and experimental channel mode for push events, and includes process management for coordinating multiple dev servers. Built for vibe coding sessions where your agent needs to see what you see and respond to visual feedback, not just edit files.
- GitHub stars
- 5
- tools
- 17
- transport
- STDIO
- last updated
- Dec 8, 2025
Tools
17 toolsPublic tool metadata for what this MCP can expose to an agent.
detectAuto-detect project type and available scripts
Auto-detect project type and available scripts
No parameter schema in public metadata yet.
runExecute scripts or commands (background/foreground)
Execute scripts or commands (background/foreground)
No parameter schema in public metadata yet.
procManage processes: status, output, stop, list
Manage processes: status, output, stop, list
No parameter schema in public metadata yet.
proxyReverse proxy: start, stop, exec, status
Reverse proxy: start, stop, exec, status
No parameter schema in public metadata yet.
proxylogQuery logs: http, error, screenshot, sketch, panel_message
Query logs: http, error, screenshot, sketch, panel_message
No parameter schema in public metadata yet.
currentpageView active page sessions with grouped resources
View active page sessions with grouped resources
No parameter schema in public metadata yet.
get_incidentsAuthoritative pull from the always-active incident inbox
Authoritative pull from the always-active incident inbox
No parameter schema in public metadata yet.
responsive_auditResponsive audit across viewport sizes (layout/overflow/a11y)
Responsive audit across viewport sizes (layout/overflow/a11y)
No parameter schema in public metadata yet.
api_auditAPI-efficiency audit: waterfall, N+1, duplicate, chatty-load
API-efficiency audit: waterfall, N+1, duplicate, chatty-load
No parameter schema in public metadata yet.
loading_auditLoading-UX audit: spinner cascade + concurrent fragmentation
Loading-UX audit: spinner cascade + concurrent fragmentation
No parameter schema in public metadata yet.
snapshotVisual regression: baseline/compare screenshots
Visual regression: baseline/compare screenshots
No parameter schema in public metadata yet.
tunnelTunnel management: cloudflare/ngrok (public) or tailscale (tailnet-only)
Tunnel management: cloudflare/ngrok (public) or tailscale (tailnet-only)
No parameter schema in public metadata yet.
devauthDev OIDC personas: list, switch the browser, mint a token
Dev OIDC personas: list, switch the browser, mint a token
No parameter schema in public metadata yet.
verify_changeRecheck the session's recorded findings after a fix
Recheck the session's recorded findings after a fix
No parameter schema in public metadata yet.
daemonManage background daemon service
Manage background daemon service
No parameter schema in public metadata yet.
watchStream daemon events via `agnt monitor`
Stream daemon events via `agnt monitor`
No parameter schema in public metadata yet.
channel_replySend messages to developer's browser overlay (channel mode only)
Send messages to developer's browser overlay (channel mode only)
No parameter schema in public metadata yet.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageReadme
agnt
Give your AI coding agent browser superpowers.
What is agnt?
agnt is a new kind of tool designed for the age of AI-assisted development. It acts as a bridge between your AI coding agent and the browser, extending what's possible during vibe coding sessions.
When you're in the flow with Claude Code, Cursor, or other AI coding tools, agnt lets your agent:
Details
- Repository
- github.com/standardbeagle/devtool-mcp
- Website
- standardbeagle.github.io/devtool-mcp
- Package
@standardbeagle/devtool-mcp- Transport
- STDIO
- Registry
- MCP registry, active