alpic-ai

alpic-ai / webmcp-proxy

Public

Integrate your existing MCP server on your website for browsing agent

13
1
100% credibility
Found Feb 26, 2026 at 12 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

A JavaScript library that connects web pages to remote tool servers, registering their capabilities for use by AI browsing agents via the browser's model context.

How It Works

1
🔍 Discover the helper

You learn about a simple way to let smart visitors on your website use tools from your special server.

2
📦 Add it to your site

You easily include this friendly helper code into your website, whether it's a simple page or using popular builders like React or Vue.

3
đź”— Connect your server

You tell the helper the web address of your tool server, and it reaches out to grab the list of available tools.

4
âś… Tools appear ready

Your website now shows the tools it found, all set up and waiting for smart visitors to discover them.

5
🤖 Visitors use tools

When AI browsing agents visit your page, they spot the tools and can call them just like local ones.

🎉 Website is AI-smart

Your site now works perfectly with intelligent web visitors, making everything interactive and powerful without hassle.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 12 to 13 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is webmcp-proxy?

Webmcp-proxy is a lightweight TypeScript library that lets you integrate your existing MCP server into any website, exposing its tools to AI browsing agents via the browser's WebMCP API (navigator.modelContext). Drop it into vanilla JS, React, or Vue apps with a single import and URL—tools get auto-discovered, registered, and proxied on calls, solving the hassle of wiring backend capabilities for agent interactions. It handles Streamable HTTP or SSE transports with fallback, plus custom headers for auth.

Why is it gaining traction?

It stands out for seamless drop-in use across frameworks—think integrating React into existing apps or Vue in ongoing projects without rewrite pain—while coexisting safely with your page's own WebMCP tools via registerTool/unregisterTool. Devs love the zero-config proxying for MCP endpoints, CORS-friendly setup, and live demo that proves agent compatibility instantly. No bloat, just plug-and-play for sites needing ecommerce integration or GitHub Copilot-like flows in browsers.

Who should use this?

Frontend devs building agent-facing sites who want to integrate existing MCP servers without custom bridges, like exposing backend tools for AI shoppers on ecommerce sites or GitHub workflows in web dashboards. Ideal for teams already integrating Angular into projects, Flutter apps with web views, or Vite builds needing Flyway database hooks—anyone wiring GitHub with VSCode/IntelliJ while adding agent smarts.

Verdict

Grab it if you're experimenting with WebMCP agents today—docs are crisp, React/Vue wrappers work out-of-box, and the demo runs flawlessly despite 10 stars and 1.0% credibility score signaling early maturity. Wait for more adoption if production stability is key.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.