Browser Inspector Mcp
Gives AI coding tools the same CSS visibility you have in browser DevTools. Inspect the real rendered DOM, full CSS cascade, before/after style diffs, and element screenshots — all from your AI session. Zero setup, works via npx.
Overview
Before your AI writes CSS, let it see what's actually in the browser.
AI reads source files. Browsers render something different. Component libraries like Ant Design, Material UI, and Radix generate class names at runtime that don't exist in your source. This tool closes that gap.
One tool, four actions:
dom— real rendered HTML and class names before writing any CSSstyles— full CSS cascade, every matched rule, where it came from, which rule wondiff— before/after comparison to confirm a CSS change actually landedscreenshot— cropped visual snapshot of any element, returned inline
Zero setup. No flags, no extension, no configuration. Add to your MCP config and restart.
Server Config
{
"mcpServers": {
"browser-inspector": {
"command": "npx",
"args": [
"-y",
"browser-inspector-mcp"
]
}
}
}Project Info
Created At
3 months agoUpdated At
3 months agoAuthor Name
betson-uniStar
-Language
-License
-Recommend Servers
View AllAmap Maps
@amap
高德地图官方 MCP Server
a year ago
Serper MCP Server
@garymengcom
A Serper MCP Server
Python
a year ago
Tavily Mcp
@tavily-ai
JavaScript
a year ago