Skip to content

Releases: MiguelsPizza/WebMCP

Connect the MCP-B Extension to any MCP host

03 Aug 04:39
@MiguelsPizza MiguelsPizza
0.1.0
fd77157

Choose a tag to compare

View all tags
Connect the MCP-B Extension to any MCP host Latest
Latest

@mcp-b/native-host v1.0.0 Release Notes

See this video for instructions on getting it set up: https://screen.studio/share/E0Lv9lZ7

Release Date: August 02, 2025

Overview

Initial release of @mcp-b/native-host, bridging the MCP-B browser extension to local MCP clients via a Streamable HTTP endpoint (default: http://127.0.0.1:12306/mcp). Based on mcp-chrome.

Installation

Install globally:

npm install -g @mcp-b/native-host

Setup Instructions

Ensure the MCP-B extension is installed and your MCP-enabled site is open in Chrome.

For Clients Supporting Streamable HTTP (e.g., Cursor)

Add to your client's config (e.g., .cursor/mcp.json):

{
  "type": "streamable-http",
  "url": "http://127.0.0.1:12306/mcp"
}

For Stdio-Only Clients (e.g., Claude Desktop)

Use mcp-proxy to bridge Streamable HTTP to stdio.

  1. Install mcp-proxy (via uv or pipx):

    uv tool install mcp-proxy

  2. Find full path: which mcp-proxy (e.g., /Users/yourusername/.local/bin/mcp-proxy).

  3. Add to Claude's config (Settings > Developer > Edit Config):

    {
  "mcpServers": {
    "mcp-b-proxy": {
      "command": "/path/to/mcp-proxy",
      "args": [
        "http://127.0.0.1:12306/mcp",
        "--transport=streamablehttp"
      ],
      "env": {}
    }
  }
}

Usage Notes

  • Disable Web Store extension during dev to avoid port clashes.
  • Test with MCP Inspector; tools are domain-prefixed.

What's Next

Custom ports, enhanced logging, and multi-browser support.

Report issues on GitHub. Join Discord.

Assets 2
Loading

window.mcp

26 Jul 19:52
@MiguelsPizza MiguelsPizza
0.0.1
fcb5981

Choose a tag to compare

View all tags
window.mcp

🚀 New Feature: Script Tag Integration (@mcp-b/global)

Add MCP support to any website with just one script tag!

We've added the easiest way ever to integrate MCP-B into your website. No build tools, no complex setup—just drop in a script tag and your site becomes MCP-B.

✨ What's New

  • Zero-config setup: Works instantly in any modern browser
  • CDN-ready: Available via unpkg for immediate use
  • Global API: Automatically exposes window.mcp for tool registration
  • Complete example: Interactive todo app demo included

🎯 Quick Start

<!-- Add this to any HTML page -->
<script src="https://unpkg.com/@mcp-b/global@latest"></script>

<script>
    
  window.mcp.registerTool("getPageInfo", {
    title: "Get Page Info",
    description: "Returns current page details"
  }, async () => ({
    content: [{ type: "text", text: JSON.stringify({
      title: document.title,
      url: location.href
    })}]
  }));
}
</script>

🎮 Try the Demo

Check out /examples/script-tag/ for a complete working example with:

  • Todo management tools
  • Calculator functionality
  • Real-time AI integration
  • Visual feedback for tool calls

Perfect for prototypes, MVPs, or adding AI to existing sites without refactoring!

Install the MCP-B Extension and try saying: "Add a todo: Buy groceries" or "What's 15 * 23?"

Loading