This WebMCP Music Composer project is a functional demonstration of the WebMCP Protocol, illustrating how AI agents can interact with local browser contexts (tools) to achieve complex workflows autonomously.

WebMCP demo with ecommerce store in React

The easiest way to add WebMCP tools to your website.

A WebMCP-native browser agent that runs inside your real Chrome — control it from Claude, Cursor, and any MCP client

Based on the MCP protocol, enable defining MCP Servers on the frontend, allowing AI to operate web applications using natural language. 基于 MCP 协议，实现在前端定义 MCP Server，用自然语言让 AI 操作 Web 应用。

Architecting the Agent-Native Web with WebMCP. A deep dive into making websites deterministic for AI agents

A simple demo of MCP-B with Nuxt 3

MCP server bridging browser WebMCP tools to desktop MCP clients (Cursor, Claude Desktop) via HTTP endpoint

A comprehensive toolkit for the Web Model Context Protocol (WebMCP) and LLMFeed ecosystem providing validation, discovery, archival, and RAG indexing tools for AI agent-ready websites.

A React Todo List learning project showcasing browser-based WebMCP implementation to expose application functionality as AI-consumable tools.

Chrome DevTools extension for introspecting window.ai (Prompt API) and navigator.modelContext (WebMCP) on any web page

WebMCP course examples

Shared TypeScript types and protocol schemas for the AI Inspector ecosystem — WebMCP tool types, events, and communication protocols

OpenTiny 文档系统

WebMCP Demo: oRPC -> WebMCP bridge that auto0registers procedures as WebMCP tools

Projects/tempalte leveraging WebMCP

WebMCP layer for WordPress, including support for WooCommerce & Paid Membership Pro.

Lab conceptual sobre el uso y funcionamiento de WebMCP