🤖 Awesome WebMCP

A curated list of awesome things related to the WebMCP proposal.

WebMCP is a proposal that enables web applications to expose JavaScript-based tools to AI agents and assistive technologies, creating collaborative, human-in-the-loop workflows.

Your contributions are always welcome! Please read the contributing guidelines to get started.

WebMCP Explained

• WebMCP explainer for web developers and authors
• WebMCP spec draft for implementers

Try out WebMCP

• Chrome WebMCP Early Preview and detailed instructions
• MCP-B open-source project by Alex Nahas
• An early WebMCP open-source project by Jason McGhee
• Run headless Chrome with the WebMCP flag enabled via Cloudflare

Contents

• Articles
• Benchmarks
• Blogs
• Community
• Demos and Samples
• Frameworks
• Presentations
• Testimonials
• Tools
• Tutorials
• Videos
• Websites

Articles

• 2026.02 Google Chrome ships WebMCP in early preview, turning every website into a structured tool for AI agents by Sam Witteveen / VentureBeat

Benchmarks

• WindTunnel - Open-source benchmark comparing WebMCP with other browser-agent interfaces across task success, execution time, token usage, and cost.

Blogs

• 2026.02 WebMCP: The Web Standard That Makes Every Website a Tool for Agents by RL Nabors, based on Alex Nahas interview
• 2026.09 I added WebMCP to a live Stripe checkout in ~40 lines by Florin Arsenie, on adding WebMCP to a product that already takes real money

Community

• W3C Web Machine Learning Community Group develops the WebMCP spec (how to join)
• WebMCP GitHub repo for spec development and related technical discussions
• Awesome WebMCP GitHub repo for sharing other awesome things related to the WebMCP proposal (you're here!)

Demos

• Demos by Google Chrome Labs
• Demos by 3rd-party developers
• CliDeck MCP — Network Evidence Workbench - Live, read-only, version-aware network knowledge demo exposing deterministic lookup, change review, snapshot analysis, upgrade guidance, and topology analysis through WebMCP tools (source).
• isainative.dev - Audits public GitHub repositories for AI coding readiness and exposes both declarative and imperative WebMCP tools.

Frameworks

• agentk - Command palette library (a cmdk fork) where tools defined once as JSON Schema become human-facing forms and WebMCP registrations; handles the navigator.modelContext to document.modelContext move and AbortSignal-based unregistration.
• Shopware WebMCP Plugin - Adds WebMCP support to storefronts built with Shopware, an open-source ecommerce platform.
• simple-webmcp - Turns existing JavaScript and TypeScript functions into callable WebMCP tools via webmcp(fn), avoiding a separate tool layer while supporting schema patching, React lifecycle helpers, and execution hooks for approvals, HITL flows, and analytics.
• webmcp-go - Go net/http middleware that serves the WebMCP Origin-Trial token header.
• webmcp-django - Django integration for WebMCP: Origin-Trial token middleware and template tags for the declarative form API.

Presentations

Testimonials

Tools

• AIC (Agent Interaction Control) - Open-source contracts, cross-surface evidence, parity verification, and fail-closed reliance checks for WebMCP tools and their human UI, MCP, and API equivalents.
• Collection of WebMCP tools by Google Chrome Labs
• webmaxru/agent-skills: WebMCP - Agent skill for implementing and debugging browser WebMCP integrations in JavaScript and TypeScript web apps
• Conscriba — Automatic WebMCP Creation for AI Agents, Analytics & Tracking
• webmcp.com — Live directory of WebMCP-enabled websites with a JSON API for agent-side discovery.
• Ask nekuda — Chrome side-panel AI assistant that picks up WebMCP tools exposed by the active tab; BYOK or hosted Gemini.
• WSG WebMCP Experiment - An effort to learn about WebMCP by applying it to the Web Sustainability Guidelines
• admintoolkit.io - A suite of 24 read-only WebMCP tools for infrastructure diagnostics, including a WebMCP tool validator.
• WebConverter — Privacy-first, in-browser file converter (images, PDF, audio, video, OCR, 3D models). Every conversion is exposed as a WebMCP tool via navigator.modelContext so agents can convert files locally — no uploads, no API keys.
• webmcpify - Agent skill that integrates WebMCP into an existing web app end to end — inventories the app, proposes a tool manifest for approval, integrates the tools, then verifies each one in a real browser and heals failures
• WebMCP Kit - Plugin for coding agents with an interactive visual Explorer that maps a site's user journeys to proposed WebMCP tools for review and approval, then implements and verifies them in a real browser.
• WebMCP Today - Open-source package registry for discovering site-specific WebMCP packages and installing them with per-site install commands (source).

Tutorials

Videos

• 2026.04 WebMCP Explained, by Andrew Nolan, presented at W3C AC Meeting 2026
• 2026.04 WebMCP and the Agentic Web, by Dominic Farolino, presented at BlinkOn 21
• 2026.02 WebMCP: Agents on the Web and in the Browser by Alex Nahas, interviewed by RL Nabors
• 2025.11 Web AI Summit 2025: Don't let AI agents push your buttons - use WebMCP instead! by Khushal Sagar
• 2025.10 WebMCP demo recording by Alex Nahas, presented at W3C TPAC 2025

Websites

• Archipelago - Maps a Notion workspace as a nautical chart, entirely in the browser. Four WebMCP tools let an agent draw the chart from structured data, read it back, highlight a computed set of databases, and annotate islands - on the same map the human is watching.
• Scholar Sidekick - Resolves scholarly identifiers (DOI, PMID, arXiv, ISBN…) and verifies citations, exposing seven WebMCP tools (verifyCitation, auditBibliography, checkRetraction, checkOpenAccess, resolveIdentifier, formatCitation, exportCitation) via navigator.modelContext, so in-browser agents can verify a citation or audit a whole bibliography, format citations, and check retraction and open-access status directly.
• agent-ready.dev - Scores any website for AI-agent readability against the Vercel Agent Readability Spec, llms.txt, and agent-protocol manifests, and exposes WebMCP tools (scan_site, get_scan, ask) via navigator.modelContext so in-browser agents can run scans directly.
• Stacktree - Agent-first HTML hosting. The production dashboard and docs expose site-management tools (publish, update, gate, share) over WebMCP from a command palette, so humans and in-browser agents share one tool catalog.
• sms-florin - eSIM and virtual phone number store. WebMCP tools are registered on the live Stripe checkout flow (not a separate demo), so an agent browses plans and completes a real purchase through the same code path a human uses. Integration source

License