Skip to content

Latest commit

 

History

23 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Awesome WebMCP

A curated list of resources for WebMCP — the W3C web standard that lets websites expose structured tools to AI agents via navigator.modelContext.

Awesome Chrome 146+ W3C Draft

Official Tooling

Polyfills & Core Libraries

  • @mcp-b/global - Polyfill implementing navigator.modelContext for browsers without native support. Drop-in replacement with the same API surface as the spec.
  • webmcp-core - Zero-dependency navigator.modelContext polyfill (2.94 KB IIFE). Drop-in @mcp-b/global replacement with payment metadata support, SSR compatibility, and feature detection for native API fallback. 70 tests, TypeScript strict.
  • MiguelsPizza/WebMCP (mcp-b.ai) - MCP-B reference implementation by @MiguelsPizza. Monorepo with Chrome extension, tab/extension transports, native-server bridge, and Zod validation. Now continued under WebMCP-org.
  • ripulio/web-mcp - Monorepo implementing WebMCP with MCP server CLI, Chrome extension, DevTools panel, and navigator.modelContext polyfill.
  • opentiny/next-sdk - Frontend AI SDK with WebMcpServer/WebMcpClient classes, transport adapters (MessageChannel, SSE, HTTP), Zod validation, and Vue 3 chat UI component.
  • jasonjmcghee/WebMCP - Early WebMCP prototype by @jasonjmcghee with client-side widget and localhost WebSocket bridge. NPM package and Docker support. Pre-dates the W3C spec; not spec-compliant.

Framework Libraries

  • @mcp-b/react-webmcp - React hooks (useWebMCP, useMcpTool) for registering and invoking WebMCP tools.

Browser Extensions

  • igrigorik/AgentBoard - AI switchboard extension by @igrigorik with multi-provider LLM sidebar (OpenAI, Anthropic, Google, Ollama), scriptable WebMCP tools running in page context, remote MCP server support, and command templates.
  • amedina/agentic-web-learning-tool - Chrome extension framework for agentic AI workflows, visual workflow composition, MCP server integration, and Chrome built-in AI playground.
  • WebMCP-org/char-plugin - Claude Code plugin that installs Char embeddable AI agent, configures WebMCP servers, registers tools, and provides /char:setup wizard.

Bridges & Adapters

  • nathan-gage/webmcp-bridge - CLI + Chrome extension that bridges navigator.modelContext tools to any MCP client (Claude, Cursor, Windsurf) via local WebSocket. Includes plugin marketplace for injecting bridge scripts on sites without native WebMCP.
  • three-water666/WebMCP - Universal bridge connecting web AI (Gemini, ChatGPT, DeepSeek) to local VS Code via MCP. VS Code extension + browser extension + Electron app with auto port discovery.
  • Juggernaath/WebMCP - Browser automation platform exposing 14+ MCP tools (navigate, click, type, screenshot, fill forms, manage tabs). Includes task recording, scraping, and playback.
  • victorzxj/webmcp-adapter - Universal adapter exposing frontend page actions as WebMCP tools with auto-discovery, schema generation, and Service Worker governance.
  • 6missedcalls/openclaw-webmcp-skill - OpenClaw skill enabling AI agents to discover and invoke navigator.modelContext tools without DOM scraping.

CMS & Platform Integrations

  • wmcp.dev - WordPress plugin adding WebMCP declarative attributes (toolname, tooldescription) to Contact Form 7, Gravity Forms, WPForms, and WooCommerce forms.
  • code-atlantic/webmcp-abilities - WordPress plugin bridging the Abilities API to navigator.modelContext.registerTool(), exposing any registered ability as a structured tool for AI agents in Chrome 146+.
  • chgold/wp-ai-connect - WordPress plugin exposing WebMCP REST API. AI agents authenticate via JWT and invoke tools like wordpress.searchPosts and wordpress.getPost.
  • tuvit/webmcp - Wix platform extension injecting WebMCP attributes into Wix Stores pages for AI agent access to e-commerce data.

Payment

  • webmcp-payments - x402 payment acceptance middleware for WebMCP tools. Enables websites to charge AI agents per tool invocation using the HTTP 402 payment protocol with inline pricing metadata.

Platforms

  • webmcp-platform - Unified WebMCP platform integrating polyfill, payments, and SDK into a single import. One-line setup for making websites agent-friendly with built-in monetization via x402.

Demo Applications

Starter Templates & Courses

Analysis & Readiness Tools

  • AI Agent Readiness Scanner (source) - Free tool to score any website's AI agent readiness across 6 categories: WebMCP support, semantic HTML, structured data, llms.txt, crawlability, and content quality. Returns a grade (A–F), a 5-level readiness label (Invisible → AI-Native), per-check fix instructions with code examples, and supports side-by-side competitor comparison.

Reference

Deep-dive material lives in docs/: Specification | API reference | Security | Articles & talks | Community | Key people

Contributing

See contributing.md for guidelines. Only submit resources directly about the WebMCP browser standard (navigator.modelContext API or toolname/tooldescription HTML attributes). Do not submit general server-side MCP resources. (Follow awesome-list standards for entry quality.)

Maintainers

License

CC0

To the extent possible under law, the maintainers have waived all copyright and related or neighboring rights to this work.

About

A curated list of WebMCP resources – the new web standard that lets websites expose structured tools for AI agents. Replace screen-scraping with reliable, schema-driven interaction. Includes specs, SDKs, demos, tutorials, and platform integrations for Chrome 146+. Learn how to make your site AI-agent ready.

Resources

Contributing

Security policy

Stars

28 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors