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

View All

Bangladesh Payments Mcp

12 days ago

12 days ago

Official remote MCP server for Framesail AI. Create long-form (faceless YouTube) videos end to end from any MCP client: script, locked character references, storyboard, voiceover, and final video editing — with characters and style held consistent across every shot. Making long-form AI video today means 8+ tabs stitched by hand — an LLM for the script, a voice model, an image model, a video model — with characters drifting between tools and style resetting at every export. Framesail replaces the patchwork: the whole pipeline runs in one place and manages your video's context end to end. Six stages: Style (paste images, videos, or YouTube links and Framesail reverse-engineers the look, voice, and direction), Script (write it yourself or generate it in your narrative style), Reference images (auto-generated for every character, place, and prop), Voiceover (one narrator or many characters, with word-level timing), Storyboard (planned scene by scene), and Editor (captions, music, SFX, then export). No black box: you control every prompt, asset, model, and setting.

12 days ago

12 days ago

12 days ago

Guatemala Payments Mcp

@junter1989k-ai

12 days ago

I Ching Hexagram Mcp

@Network-Ideas LLC

Public, read-only MCP over the complete 64-hexagram I Ching corpus — hexagrams, trigrams, changing lines, and reading context from an original English translation. Deterministic lookup only; no casting or divination.

12 days ago

302_sandbox_mcp

@302ai

Create a remote sandbox that can execute code/run commands/upload and download files. 创建远程沙盒，可以执行代码/运行命令/上传下载文件

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

Frontrun

@jongall45

VC follow intelligence for AI agents. Track what top investors follow on X — detect new follows, convergence signals, and trending companies before they're announced.

6 days ago

Costa Rica Payments Mcp

@junter1989k-ai

12 days ago

Google Maps

@modelcontextprotocol

Location services, directions, and place details

a year ago

12 days ago

12 days ago

Lithuania Payments Mcp

12 days ago

12 days ago

12 days ago

Automatically create a remote browser to complete your specified tasks, developed based on Browser Use + Sandbox. 自动创建一个远程浏览器，完成你指定的任务，基于Browser Use + Sandbox开发。

a year ago

Memory

@modelcontextprotocol

a year ago

12 days ago

12 days ago

@modelcontextprotocol

Channel management and messaging capabilities

a year ago

Teardrop

12 days ago

Blender

@ahujasid

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

Sequential Thinking

@modelcontextprotocol

An MCP server implementation that provides a tool for dynamic and reflective problem-solving through a structured thinking process.

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

EdgeOne Pages MCP

@TencentEdgeOne