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

• Official Tooling
• Polyfills & Core Libraries
• Framework Libraries
• Browser Extensions
• Bridges & Adapters
• CMS & Platform Integrations
• Payment
• Platforms
• Demo Applications
• Starter Templates & Courses
• Analysis & Readiness Tools
• Articles & Tutorials
• Videos & Talks
• Security Resources
• Community
• Specification
• API Quick Reference
• Key People

• GoogleChromeLabs/webmcp-tools - Official Chrome Labs toolkit with Model Context Tool Inspector extension, WebMCP Evals CLI, React flight-search demo (imperative), and restaurant reservation demo (declarative).
• Model Context Tool Inspector - Official Chrome extension for listing registered tools, executing manually, and testing with Gemini API.
• WebMCP-org/chrome-devtools-quickstart - Quickstart for connecting Chrome DevTools MCP to WebMCP tools with benchmark showing ~89% token reduction vs. screenshot automation.
• WebMCP-org/webmcp-sh - Source code for webmcp.sh playground built with React 19, Vite, PGlite (in-browser Postgres), and Cloudflare Workers.

• @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.

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

• 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.

• 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.

• 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.

• 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.

• 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.

• Travel Demo - Official Chrome team demo using searchFlights tool via imperative API. Part of the Chrome Early Preview docs.
• Playground WebMCP - Interactive browser playground for connecting to MCP servers, running tools, and querying in-browser PostgreSQL. (Source).
• isainative.dev - Audit public GitHub repositories for AI coding readiness. Exposing both declarative and imperative WebMCP tools.
• grzetich/webmcp-kanban - React kanban board with 8 AI-callable tools (create, move, update, delete cards), drag-and-drop, and localStorage persistence. Live demo.
• WebMCP-org/big-calendar - Next.js calendar with 15 WebMCP tools for CRUD, navigation, and settings. Includes embedded AI agent via chat widget.
• WebMCP-org/ai-tinkerers-webmcp-demo - In-browser RAG pipeline with document ingestion, Transformers.js embeddings, Dexie/IndexedDB storage, and semantic search via WebMCP tools.
• Legit-Control/webMCP-exploration - React app integrating WebMCP with Legit SDK for Git-like versioned state mutations. AI agents edit calendar in isolated branches with visual previews.
• SrinivasanTarget/WebMCP-demo - Full WebMCP polyfill demo with 15+ sample tools (math, DOM, storage, network) and an AI-agent simulator with JSON-RPC messaging.
• tsunoyu/webmcp-travel-insurance - Travel insurance app demonstrating complete policy lifecycle (quoting, purchasing, claims) via navigator.modelContext tools.
• Cycasio/medsyn-web - Living evidence synthesis database for medical research with WebMCP tools for searching RCT studies, retrieving GRADE evidence summaries, and submitting studies for review.
• khushalsagar/webmcp-demo - By the Chrome spec co-author (@khushalsagar). Flight booking with both declarative HTML and imperative JS approaches.
• Doriandarko/webmcp-starter - Single-file "Midnight Eats" DoorDash-style demo with 9 tools (8 imperative, 1 declarative) and zero dependencies.
• alecron/webmcp-demo - Notes app with 5 tools (add, list, search, delete, stats) using navigator.modelContext.provideContext().
• alanw707/webmcp-readiness-radar - Web app scoring a site's WebMCP agent-readiness with pillar-wise breakdown and recommendations.

• CodelyTV/webmcp-course - Course examples for both declarative (toolname/tooldescription attributes) and imperative (navigator.modelContext) APIs. Tied to Codely Pro Spanish course.
• taqm/webmcp-sample - Next.js + TypeScript starter template with Bun runtime, Biome linting, and Git hooks.
• webmaxru/agent-skills: WebMCP - Agent skill with template assets for implementing and debugging browser WebMCP integrations in JavaScript or TypeScript apps.
• opentiny/docs - Unified VitePress documentation for the OpenTiny NEXT ecosystem covering WebMcpClient, WebMcpServer, MCP browser extensions, and related projects.

• 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.

• Chrome's WebMCP Early Preview: The End of AI Agents Clicking Buttons - Third-party walkthrough covering both imperative and declarative APIs, events, CSS pseudo-classes, and best practices.
• What is WebMCP? Your Website Just Became a Function Call - Explainer comparing WebMCP vs server-side approaches, covering declarative HTML.
• WebMCP (Dejan AI) - SEO-focused analysis of tool descriptions as the next indexing problem.
• WebMCP: Making the Web AI-Agent Ready - Introduction with code samples for registerTool, provideContext, and declarative forms.

• Chrome's WebMCP Makes AI Agents Stop Pretending - Trust model and security analysis.
• Google Chrome Ships WebMCP (VentureBeat) - Industry coverage with Google/Microsoft engineer quotes.
• Google Previews WebMCP (Search Engine Land) - Coverage exploring whether WebMCP is the next frontier of technical SEO.
• Google's WebMCP Moves the Web Closer to a Structured Database (The Decoder) - Broader web architecture implications.
• How WebMCP Lets Developers Control AI Agents With JavaScript (The New Stack) - Developer-focused technical analysis.
• The WebMCP Revolution: Transforming SEO (xugj520) - How WebMCP shifts SEO from content to capability indexing.

• WebMCP: Making Every Website a Tool — Alex Nahas Interview (Arcade.dev) - Amazon engineer (@MiguelsPizza) who built MCP-B, inspiring the W3C proposal.

• WebMCP Just Landed in Chrome 146 (bug0.com) - Concise setup tutorial.
• I Added 3 WebMCP Attributes (Medium) - Declarative approach walkthrough.

• MCP, A2A, NLWeb, and AGENTS.md (No Hacks Pod) - Where WebMCP fits among agentic protocols.
• The Agentic Web (The New Stack) - W3C perspective including WebMCP.
• Inside the Agentic Web (All Things Open) - Developer standards landscape overview.

• Don't Let AI Agents Push Your Buttons — Use WebMCP Instead! - Khushal Sagar (Chrome Staff SWE, spec co-author), Nov 2025.
• The Rise of WebMCP - Sam Witteveen covering launch and web dev impact.

The Security and Privacy Considerations covers (PR #55, PR #59):

1. Prompt Injection — Tool poisoning (malicious descriptions), output injection (tainted return values), tool-as-target (exploiting high-value tools).
2. Misrepresentation — Tools whose behavior doesn't match their description.
3. Privacy Leakage — Over-parameterized tools extracting unnecessary personal data.

• MCP-B Security Best Practices - Practical recommendations for WebMCP implementations.
• Known Security Issues (MiguelsPizza Wiki) - Community-maintained attack vector list.
• Protecting Against Indirect Injection (Microsoft) - Applicable to WebMCP tool descriptions.
• Mitigating Prompt Injections in Browser Use (Anthropic) - Defense strategies for browser-based AI agents.

• Validate all input in execute() — don't rely on schema alone.
• Use agent.requestUserInteraction() for destructive/financial actions.
• Check event.agentInvoked to differentiate agent vs human.
• Set readOnlyHint: true on read-only tools.
• Never return raw PII in tool responses (privacy leakage).
• Implement rate limiting in tool handlers.
• Keep descriptions positive ("Search flights") not negative ("Don't use for hotels").
• Log all tool invocations for audit.
• Update UI after execution — agents verify state via DOM.
• Use toolautosubmit only for idempotent operations.

• W3C Web Machine Learning CG - The W3C Community Group developing the WebMCP specification (charter). Open for anyone to join.
• CG Meeting Minutes - Bi-weekly telecon minutes since September 2025, including all formal resolutions.
• TPAC 2025 Session - Full-day face-to-face session in Kobe, Japan (Nov 11, 2025) with TAG review and key resolutions.
• Chrome AI Dev Preview Group - Official Google discussion group for Chrome AI features including WebMCP.
• GitHub Issues - Primary venue for async technical discussion and spec feedback.
• Bug Reports - Chrome implementation bug reports.
• Automation: webmcp-monthly-roundup - GitHub Action generating monthly newsletter roundups of WebMCP repo activity.
• r/HowToAIAgent - Chrome 146 launch discussion.
• r/ClaudeCode - Developer reactions.
• WebMCP List - Open directory of WebMCP-enabled websites with search, category browsing, and community submissions. Itself WebMCP-enabled with 4 tools for AI agent discovery.

if ("modelContext" in navigator) {
  // WebMCP is supported
}

Formal decisions from W3C CG meetings (minutes archive):

// Register a tool (#15)
navigator.modelContext.registerTool({
  name: "searchFlights",
  description: "Search for available flights between two airports",
  inputSchema: {
    type: "object",
    properties: {
      origin:      { type: "string", description: "IATA code (e.g. LHR)" },
      destination: { type: "string", description: "IATA code (e.g. JFK)" },
      date:        { type: "string", format: "date" }
    },
    required: ["origin", "destination", "date"]
  },
  annotations: { readOnlyHint: true },  // #53
  execute: async ({ origin, destination, date }) => {
    const results = await searchFlightsAPI(origin, destination, date);
    return { content: [{ type: "text", text: JSON.stringify(results) }] };
  }
});

// Replace all tools (#15)
navigator.modelContext.provideContext({ tools: [/* ... */] });

// Remove tools
navigator.modelContext.unregisterTool("searchFlights");
navigator.modelContext.clearContext();

<form toolname="book_table"
      tooldescription="Reserve a table at this restaurant"
      toolautosubmit action="/api/reserve">
  <input type="date" name="date" required toolparamdescription="Reservation date">
  <input type="time" name="time" required toolparamdescription="Reservation time">
  <input type="number" name="guests" min="1" max="20" required>
  <button type="submit">Reserve</button>
</form>

form.addEventListener("submit", (e) => {
  if (e.agentInvoked) {
    e.preventDefault();
    e.respondWith(handleAgentSubmission(e));
  }
});

window.addEventListener('toolactivated', ({ toolName }) => { /* ... */ });
window.addEventListener('toolcancel', ({ toolName }) => { /* ... */ });

form:tool-form-active { outline: 2px solid #4CAF50; }
button:tool-submit-active { background: #FFD700; }

execute: async ({ productId }, agent) => {
  const ok = await agent.requestUserInteraction(async () => {
    return confirm(`Purchase ${productId}?`);
  });
  if (!ok) throw new Error("Canceled");
  return { content: [{ type: "text", text: "Purchased" }] };
}

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.)

• Yigit Konur @yigitkonur
• Web-MCP.net Crew @web-mcp.net

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