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.

# css

# devtools

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

Recommend Servers

11 days ago

11 days ago

@modelcontextprotocol

a year ago

Bangladesh Payments Mcp

@junter1989k-ai

12 days ago

Serper MCP Server

@garymengcom

A Serper MCP Server

Python

a year ago

Norway Payments Mcp

@junter1989k-ai

12 days ago

Sentry

@modelcontextprotocol

Retrieving and analyzing issues from Sentry.io

a year ago

Jina AI MCP Tools

@PsychArch

A Model Context Protocol (MCP) server that integrates with Jina AI Search Foundation APIs.

JavaScript

a year ago

12 days ago

MCP Advisor & Installation - Use the right MCP server for your needs

TypeScript

a year ago

Puppeteer

@modelcontextprotocol

Browser automation and web scraping

a year ago

MCP Server for Milvus

@zilliztech

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

PAPI

@getpapi

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

12 days ago

Teardrop

12 days ago

Tavily Mcp

@tavily-ai

JavaScript

a year ago

Firecrawl Mcp Server

@mendableai

Official Firecrawl MCP Server - Adds powerful web scraping to Cursor, Claude and any other LLM clients.

JavaScript

a year ago

Slack

@modelcontextprotocol

Channel management and messaging capabilities

a year ago

Australia Payments Mcp

@junter1989k-ai

12 days ago

New Zealand Payments Mcp

12 days ago

12 days ago

@modelcontextprotocol

3 months ago

Mailtrap Email Sending MCP

@Mailtrap

An MCP server that provides a tool for sending transactional emails via Mailtrap

a year ago

Lithuania Payments Mcp

@junter1989k-ai

11 days ago

Realdentalcosts Mcp

@tresor4k

Query verified 2026 US dental cost data from Real Dental Costs: average implant, veneer, braces and procedure prices for all 50 states and 206 cities, state-vs-state comparisons, and the composite US Dental Cost Index. Open data (CC BY 4.0, Zenodo DOIs). Every response includes the source and a reference URL. Pricing/market research, not medical advice. Data: https://realdentalcosts.com

11 days ago

12 days ago

11 days ago

@Henning Witzel-Acikgöz

Host the HTML or Markdown pages your AI generates and share each as a link with comments, versioning, and access control. Create, update, and organize pages and read reviewer comments over MCP.

11 days ago

Howtocook Mcp

@worryzyy

基于Anduin2017 / HowToCook （程序员在家做饭指南）的mcp server，帮你推荐菜谱、规划膳食，解决“今天吃什么“的世纪难题； Based on Anduin2017/HowToCook (Programmer's Guide to Cooking at Home), MCP Server helps you recommend recipes, plan meals, and solve the century old problem of "what to eat today"

a year ago

Songcheck Ai Music Detector

@afghanfansmedia-ai

Is this song AI or human? SongCheck detects AI-generated music (Suno, Udio, and more) and media from any AI agent. Point it at an audio file, an image/video, or a whole music folder and it returns a verdict (LIKELY AI-GENERATED / UNCERTAIN / LIKELY HUMAN), an AI-probability score, confidence, and provenance signals (Content Credentials / SynthID watermark, generator hints). Tools: detect_ai_music, detect_ai_media, scan_catalog (audit an entire catalog), and songcheck_health. Free tier is 5 checks/day; a paid key unlocks unlimited catalog scans. Powered by SongCheck (Khaled Media), a self-hosted v9 ensemble detector.

6 days ago

Xiangguangyu Skills

@Chromatic0618

5 AI skills as MCP tools: MBTI relationship sandbox (2-20 people), fact-checking (3 methods: source-tracing, cross-reference, logic-check), deep business analysis (5-layer), game audio brief generator, weekly skill radar. All monetized via Alipay AI Pay (¥0.10-0.50/call).

11 days ago