Browser Inspector Mcp

Created By

betson-uni4 months ago

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 Content Tools Comments

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 CSS
styles — full CSS cascade, every matched rule, where it came from, which rule won
diff — before/after comparison to confirm a CSS change actually landed
screenshot — cropped visual snapshot of any element, returned inline

Zero setup. No flags, no extension, no configuration. Add to your MCP config and restart.

Try in Playground

Server Config

{
  "mcpServers": {
    "browser-inspector": {
      "command": "npx",
      "args": [
        "-y",
        "browser-inspector-mcp"
      ]
    }
  }
}

Project Info

Created At

4 months ago

Updated At

4 months ago

Author Name

betson-uni

Star

-

Language

-

License

-

Category

Tags

Homepage

https://github.com/betson-uni/browser-inspector-mcp

Recommend Servers

Official MiniMax Model Context Protocol (MCP) server that enables interaction with powerful Text to Speech, image generation and video generation APIs.

Python

a year ago

Saudi Arabia Payments Mcp

@junter1989k-ai

11 days ago

Language models generate; Concordance verifies. The verify tool checks a claim deterministically (no model in the loop) and returns HOLDS / BROKEN / INCOMPLETE with the worked reasoning and a sealed receipt (content_hash + cite_url) that re-fetches byte-identical or not at all. Also: ranked search over an ~11k-record library, seal_fetch to re-verify any receipt, redact to strip PII before text travels, and a sealed connection graph. Runs sovereign/offline too (stdlib-first Python). A public false-positive benchmark covers every domain: the engine has never sealed a falsehood. 38 tools live; remote endpoint at https://narrowhighway.com/mcp.

11 days ago

Slovenia Payments Mcp

@junter1989k-ai

11 days ago

@modelcontextprotocol

A Model Context Protocol server that provides time and timezone conversion capabilities. This server enables LLMs to get current time information and perform timezone conversions using IANA timezone names, with automatic system timezone detection.

5 months ago

Serper MCP Server

A Serper MCP Server

Python

a year ago

@modelcontextprotocol

Retrieving and analyzing issues from Sentry.io

a year ago

@modelcontextprotocol

3 months ago

@modelcontextprotocol

Channel management and messaging capabilities

a year ago

Australia Payments Mcp

@junter1989k-ai

11 days ago

Slovakia Payments Mcp

@junter1989k-ai

11 days ago

Switzerland Payments Mcp

@junter1989k-ai

11 days ago

@modelcontextprotocol

Browser automation and web scraping

a year ago

AgentQL MCP Server

Model Context Protocol server that integrates AgentQL's data extraction capabilities.

JavaScript

a year ago

Uae Payments Mcp

@junter1989k-ai

11 days ago

France Payments Mcp

@junter1989k-ai

11 days ago

Israel Payments Mcp

@junter1989k-ai

11 days ago

Qatar Payments Mcp

@junter1989k-ai

11 days ago

Persistent Adaptive Planning Intelligence - structured loop engineering for AI coding assistants, with memory that persists across sessions, tools, and teammates.

11 days ago

Mcp Server Chatsum

summarize chat message

typescript

a year ago

Latvia Payments Mcp

@junter1989k-ai

11 days ago

BlenderMCP connects Blender to Claude AI through the Model Context Protocol (MCP), allowing Claude to directly interact with and control Blender. This integration enables prompt assisted 3D modeling, scene creation, and manipulation.

a year ago

Kenya Payments Mcp

@junter1989k-ai

11 days ago

Neon MCP Server

@neondatabase-labs

MCP server for interacting with Neon Management API and databases

TypeScript

a year ago

Oman Payments Mcp

@junter1989k-ai

11 days ago

Nepal Payments Mcp

@junter1989k-ai

11 days ago

Sweden Payments Mcp

@junter1989k-ai

11 days ago

Czechia Payments Mcp

@junter1989k-ai

11 days ago

Canada Payments Mcp

@junter1989k-ai

11 days ago

MCP Server for Milvus

The Milvus MCP server enables AI applications to interact with Milvus vector databases using natural language commands. It allows AI models to perform vector searches, manage collections, and retrieve data without writing custom database queries. This integration facilitates seamless access to vector data, enhancing the capabilities of AI tools like Claude Desktop and Cursor.

a year ago