What is the key difference between Browser MCP Cdp and Shadcn Ui MCP Server?

Browser MCP Cdp belongs to the Developer Tools category with local stdio execution, while Shadcn Ui MCP Server belongs to the Developer Tools category with local stdio execution.

How do I install Browser MCP Cdp or Shadcn Ui MCP Server in Claude Desktop or Cursor?

Copy the mcpServers JSON configuration snippet provided on this page into your claude_desktop_config.json or ~/.cursor/mcp.json file and restart your AI client.

Are Browser MCP Cdp and Shadcn Ui MCP Server free or paid?

Browser MCP Cdp operates under a Free / Open Source model (No auth required). Shadcn Ui MCP Server operates under a Free / Open Source model (API Key required).

Which MCP server has more tools and community activity?

Browser MCP Cdp lists 13 tools with 0 views and 0 GitHub stars. Shadcn Ui MCP Server lists 6 tools with 2 views and 2,980 GitHub stars.

Can I use both Browser MCP Cdp and Shadcn Ui MCP Server together in the same MCP host?

Yes! MCP hosts like Claude Desktop, Cursor, Windsurf, Cline, and VS Code support configuring multiple servers under the mcpServers object simultaneously.

Side-by-Side Model Context Protocol Comparison

Browser MCP Cdp vs Shadcn Ui MCP Server

In-depth architectural comparison of the Browser MCP Cdp and Shadcn Ui MCP Server MCP servers. Compare execution transports, security boundaries, tool capabilities, quality scores, and ready-to-paste client installation snippets for Claude, Cursor, Windsurf, and VS Code.

At a Glance & Executive Verdict

Browser MCP Cdp

Developer Tools · Local stdio

Quality: 48/100 (Fair) | Auth: No auth required

Shadcn Ui MCP Server

Developer Tools · Local stdio

Quality: 52/100 (Good) | Auth: API Key required

Verdict Summary: Choose Browser MCP Cdp if you need specialized Developer Tools tools running via a local process. Choose Shadcn Ui MCP Server if your workspace requires Developer Tools integration with local subprocess execution. Both servers can be configured concurrently in your client's mcpServers manifest.

Which MCP Server Should You Choose?

Choose Browser MCP Cdp when:

You need dedicated capabilities in the Developer Tools domain.
You prefer local stdio subprocess transport architecture.
Your security boundary fits: No auth required (Free / Open Source).
Primary tools included: browser_navigate, browser_evaluate, browser_screenshot.

Explore Browser MCP Cdp Details

Choose Shadcn Ui MCP Server when:

You need dedicated capabilities in the Developer Tools domain.
You prefer local stdio subprocess transport architecture.
Your security boundary fits: API Key required (Free / Open Source).
You have access to required keys: MCP_TRANSPORT_MODE, MCP_PORT, MCP_HOST, MCP_CORS_ORIGINS, GITHUB_PERSONAL_ACCESS_TOKEN, UI_LIBRARY.
Primary tools included: Multi-framework support: React, Svelte, Vue, React Native, Provides TypeScript source code and component demos, Supports complete UI blocks like dashboards, calendars, forms.

Feature & Specification Comparison

Specification	B Browser MCP Cdp Developer Tools	Shadcn Ui MCP Server Jpisnice Developer Tools
Summary	Local Chrome via CDP with profile-snapshot isolation and shared-broker multi-client support	MCP server that gives AI assistants seamless access to shadcn/ui v4 components, blocks, demos, and metadata.
Category & Scope	Developer Tools

Tools & Capabilities Breakdown

Browser MCP Cdp Tools (13)

browser_navigate

Load a URL, return final URL + title

browser_evaluate

Run JS in the page, return result

browser_screenshot

PNG of current page

browser_click

Click via CSS selector

browser_click_at

Click at pixel coordinates (pierces iframes / overlays)

browser_fill

Set value on input/textarea/select

Ready-to-Paste Client Configurations

Paste either (or both) of these JSON server blocks into your client config file (e.g. claude_desktop_config.json or ~/.cursor/mcp.json).

Browser MCP Cdp Configuration

mcpServers (Claude Desktop / Cursor)

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

Shadcn Ui MCP Server Configuration

mcpServers (Claude Desktop / Cursor)

{
  "mcpServers": {
    "jpisnice-shadcn-ui-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@jpisnice/shadcn-ui-mcp-server"
      ],
      "env": {
        "MCP_TRANSPORT_MODE": "YOUR_MCP_TRANSPORT_MODE_HERE",
        "MCP_PORT": "YOUR_MCP_PORT_HERE",
        "MCP_HOST": "YOUR_MCP_HOST_HERE",
        "MCP_CORS_ORIGINS": "YOUR_MCP_CORS_ORIGINS_HERE",
        "GITHUB_PERSONAL_ACCESS_TOKEN": "YOUR_GITHUB_PERSONAL_ACCESS_TOKEN_HERE",
        "UI_LIBRARY": "YOUR_UI_LIBRARY_HERE"
      }
    }
  }
}

Frequently Asked Questions

Browser MCP Cdp is categorized under Developer Tools and uses a local stdio subprocess. In contrast, Shadcn Ui MCP Server belongs to Developer Tools using local stdio subprocess. Select Browser MCP Cdp when you need capabilities focused on developer tools and Shadcn Ui MCP Server when you require tools for developer tools.

More alternatives to Browser MCP Cdp More alternatives to Shadcn Ui MCP Server Developer Tools category hub