Welcome to Syntax. Today we're talking about WebMCP. This thing is brand new.

It's a new specification and we're going to explain what it is. We're going to show a demo and

I got a couple hot takes about it. But essentially, WebMCP is surfacing tools and ways to interact with your website via your

website itself.

So this is different than MCP servers, and this is different than MCP UI and MCP apps.

It's related.

It works in the same way, but this is a new way to surface functionality simply just through

your website without having to have additional servers. So let's get on into it. My name is Wes. With me as always is Scott. How you doing, Scott? Hey, I'm doing good. How are you doing, man? Yeah, I'm interested to learn about this because I hear WebExP. My first thing goes to Chrome Dev Tools MCP or Agent Browser or those types of things of things. I'm curious to know. Not that at all. Yeah. So that in itself, to me, is a revelation here. So I'm excited to learn what this thing is and how people can take advantage of it. Yes. All right. So all of this in context is going to be, I built a little app called a grocery app, right? And it's just a very simple, kind of like a con bond where you have each of your grocery stores that you might want to go to. And then under each of those grocery stores, you can add, remove, and check off food items that you want to do. Right. So that's pretty standard. You're going to have, if you're building out an app like this, you're going to have something like add a store, add an item, reorder items,

rename, delete item, like check off, you know, like all the standard kind of to-do list application

stuff. Now, if you have an application and you want to now surface your application's functionality to some sort of

AI, you kind of a couple options, right? Like one option is you can just build AI right into your

application and your users can do that and you sort of like foot the bill for that. Another way is

you can create a MCP server which surfaces all of the tools and then the AI chat will simply just talk back and forth via the MCP server,

adding, removing, and whatever.

And then we also learned we had Kensey Dodds on the other day where we have MCPUI,

or now it's called MCP apps, where you'll be able to actually return and generate,

like maybe you want to embed components and, like,

stylized structure right into a chat. This is different than that because the web MCP essentially

says, okay, I have a website. I have an app and it does these things. And if someone were to

visit my, my website, or if an AI were to programmatically open up a browser and it wants to

use your website, right now you kind of have a couple options, which is like you can set up

Playwright and Playwright will either like dump the HTML or take the accessibility tree

...