WebMCP, Explained with a To-Do App

Ask an AI agent in your browser to add three items to a to-do list, and watch what it does. It reads the page, looks for something that resembles an input, types, presses Enter, then checks whether anything happened. That’s how most agents use the web today. There is no manual to follow. WebMCP is a new browser proposal that changes this. Your page tells the agent what it can do, in a format the agent understands, and the agent calls those actions directly. To try it, I took TodoMVC, the to-do app every framework has rebuilt, and gave it seven tools an agent can use. You can open the live demo and read the code on GitHub. This article walks through what I built, what I learned, and where WebMCP fits. First, what’s a tool? WebMCP borrows its main idea from MCP, the Model Context Protocol. MCP is a common way to give an AI model tools. Desktop assistants and code editors already use it to reach several tools that we use daily like GitHub, Jira, Figma and others. A tool has four parts: A…

Commenting on Bubbles has been removed. Why? If you want to talk about this post, write to the author, use the comments on their blog if it has them, or reply with a "RE:" post on your own blog. Suggestions? feedback@bubbles.town