Steren's labs

What is WebMCP?

WebMCP sits in a very interesting spot: It's not a spec for HTTP APIs, like MCP servers are. It's a way to help browsers with agentic capabilities use webapps more reliably (instead of asking them to understand the pixels on the screen or DOM).

As a developer, you can reuse your existing JS logic, and transform it into WebMCP tools in just a few lines of JS. You can even transform any HTML form into a WebMCP tool by just adding new attributes.

Adding WebMCP to my secret santa website

I added WebMCP to my secret santa website in one prompt:

"Read WebMCP Early Preview .md and implement two tools: one to create an event, one to confirm and send emails."

All it had to do was re-use my existing client-side javascript logic to take inputs from agent provided parameters instead of the page elements. The agent detects these tools when visiting the page and can autonomously organize a secret santa.

Give it a try: You can see it in action at group-secret-santa.com (requires a WebMCP-enabled browser).

You can read more in the WebMCP Early Preview documentation.