WebMCP clearly explained (and how to make $$)

0:00Think about this. AI agents are about to become a new kind of visitor on the internet and I think billions of dollars of wealth will change hands in the process. Because millions of AI agents are going to be browsing and buying on the internet, but the internet isn't designed for them to do that. And that creates a really interesting question, which is what does an agent-ready website or app look like and how do you actually build one? Well, there's this new little thing by Google called WebMCP, and I'm honestly surprised more people aren't talking about it. The simple idea is that websites can expose cleaner actions for AI agents.

0:40So instead of an AI agent trying to figure out a page like a human being, the site can basically tell an agent, here's how to search, here's how to book, here's how to buy. So today I have my friend Vinny come on and just clearly explain what WebMCP is, how it differs from MCPs, why it matters, where the opportunities lie, and I give you two startup ideas that I think could cash flow that you can start today. Enjoy the episode. I hope it gets the creative juices flowing. And if you haven't liked, commented, subscribe, what are you doing? This stuff should be paid. We make it free. I just want to see you win.

1:14Let's go, and I'll see you at the end of the episode.

1:25thank the mrr gods vinnie is back on the pod to explain something very very very powerful web mcp vince you you actually brought it to my attention vinnie by the end of this episode what are people going to learn all right they're going to learn how to use web mcp which is kind of exactly like it sounds. It's MCP, but in the UI, in the browser. And this is like a brand new experimental feature from Google and Microsoft. So I really think this is a first mover advantage here. So if you can learn this stuff, you're really bringing, you're getting the skills that you need to bring stuff to market that is emerging, that's going to probably be the next big trend.

2:07So I think this is a really cool thing. So Vince is going to actually explain to you in a clear way what WebMCP is, how to use it. And at the end of the episode, I'm going to share with you two startup ideas, cash flowing startup ideas that I think could use WebMCP that you can build today. That'll be at the end. Vince, you start them off. All right, cool. So let me start from like a problem I had myself. When I heard about WebMCP, the first thing that came to mind is this shop that I've got here. It's an espresso machines and gear shop. So I was buying an espresso machine and it has like a lot of specifications.

2:44It's got a lot of gear and accessories and figuring out which one's right for me and also which accessories fit was kind of a pain. So it was a lot of back and forth Googling, also putting stuff into an agent or chat GPT or whatever. And like, does this fit? Will this work? So I thought, oh, cool, this is a great use case for something like this, where we could build a shop with WebMCP tools in it that your agent can talk to. So you can bring any agent that you're using, which is whether it's like Claude Code or ChatGPT, Cowork, whatever these whatever agents are out there, maybe GrockBot. And you can talk to the website and ask it stuff.

3:29So let me just show an example real quick. and so I want to upgrade from my current Mara X machine and I want to get one that's able to make two flat whites a day easily and fits on my counter space which is about 32 centimeters wide. By the way, in the simplest form, correct me if I'm wrong Vince, but WebMCP is basically just websites with agent buttons. So we're making websites agent readable and agent actionable. Is that right? Exactly. And it's not like this wasn't available before, but it was available in a lot clunkier way. So you've got computer use or you've also got agents that can kind of browse and use a browser and go through websites, click buttons.

4:17But before they had to do it in a very not so efficient way. So they're getting the entire DOM, which means they're getting all the code from the website. And they're like scanning through it and finding where to click, taking screenshots and stuff. But look at that, what just happened right here on the screen. It manipulated the website, was able to find two machines, put them side by side. and then it highlighted really cool feature highlighted what features or what specs about the machines fit my request that I just had so it's like the portafilter fit which is going to fit like an accessory you have and then will it make the two flat whites like you asked and does it have the right width will it fit on your counter spot so like that's really cool and before to do all that well first of all it wouldn't be able to manipulate a page in this way as easily and also would have to go through all this scanning, all this code reading, whereas this now with WebMCP, there's a set of tools like the ones that are just popping up on the screen here.

5:20And those are the ones that you make available to the agent. So it gives it a really efficient, concise list of things that it can do on the website. And it knows how to do that and it can just do it easily. And you can do some really cool creative stuff with this. Yeah, and I think like one of the reasons I think this actually matters is if you think about SEO, right? It was like, can Google understand the page? And then we had AEO, which is can AI cite the answer? And now we're entering this WebMCP era, which is basically, can the agent finish the job? And what we're learning is that websites aren't really optimized.

6:01And I think that's why Google and Microsoft decided to build this thing, right? Because they don't want a broken internet to exist. And I think as a founder, why does this matter? It's because there's billions of dollars changing hands on these tools, right? Or on the internet. And if we can optimize some of these websites, there's a lot of opportunity. Yeah, and I think maybe the people like you and I and the people listening, they're more agent native or they're more this kind of early adopters of new technology. But we have to remember that the web has been around for a while. People are used to UIs and browsing websites and stuff like that.

6:50And people don't really want to, the majority of web users don't want to use just like a CLI tool or an agent in the terminal like this. They want to be able to interact with something visual. So this WebMCP really makes it the best path to do that. So we'll really allow for kind of normal, the average consumer to adopt agent tools. So it's kind of like meeting them in the middle, right? With the new agent technology and the stuff that they're used to. Cool. What else do we need to know about it? So like one of the big things is, like I said, is that it's not scraping and parsing the entire DOM.

7:33So it doesn't have to, it's more efficient in the way it works. But the other thing that's really cool is that these tools, you can make them conditional. So like you see here in this list, we have tools that are always available versus logged in. And this is all happening through the browser session, right? So I've logged in, you can see I'm up here, I've logged in. These are the tools available. And if I log out, well, then we'll see there's only three tools available now, right? So this is really cool because one of the big hurdles to doing other kind of agent native approaches like an MCP server or an API is that you have to deal with tokens, credentials, people sending their identity through, you know, API keys and tokens and things like that.

8:21Whereas this, you just log in, right? So I can log in with my username and password and it has access to the entire browser session there so the fact that I'm logged in the agent has to doesn't have to do anything special we don't have to connect an MCP server and authenticate and all that stuff like you have to do with you know a typical MCP server or with an API or things like that so it's like the least technical approach to making an app or a website or a web store agent native, but with the most flexibility and the most features. So this conditional tool calling, all this stuff just happens because of the browser state.

9:02And that's a really nice thing. Yeah, that's really cool. That's just like built in. I mean, it makes sense, right? Yep. It's using the whole browser session. So that's really nice. All right. So I saw this tweet the other day, and I've seen this going around a lot where people are saying, I don't want to use your product's agent. I want my agents to be efficiently enabled to use your product. And that's exactly what we're getting with WebMCP. And especially for things like web stores and stuff like that, for e-commerce, or maybe even, you know, other examples that we'll look at later that you that you have prepared for us.

9:38So this is this is a sentiment that's going around on Twitter a lot lately. And what does Dylan from Cloudflare mean by this? So we have these like different ways an agent can meet an app, right? And let me go zoom in real quick because we have a lot of them. And they're going from headless. You see at the bottom here, it says headless. So basically running an app via your agent without ever seeing the app. That's what headless means, right? There's no app in the browser. There's no website. So you bring your own agent, you can hit a raw API. But there's, like we said, there's lots of things you have to deal with authentication and the agent has to hold an API key and things like that.

10:20But then you can bring your own agent and you can use MCP, which is a typical MCP server. But that's another layer on top of your app's backend. And then your agent can't manipulate the UI, right? Like we just saw. So those are completely headless ways. They're a little, add a little bit more complexity to your, to your app or to your product. Now we have computer use, which is where the bots or the agents literally have a computer that they can use, whether it's your local computer or a computer in the cloud. And they're running through screenshotting stuff and clicking stuff on the computer, on the UI, like you would.

10:59And this isn't really the most efficient because of, like we said before, you've got to go through, you've got a screenshot or the agent has to screenshot all this stuff. So this is slow and fragile at the moment. We have browser MCP, which is similar to computer use where like we were talking about where you get the whole code from the website and it has to kind of figure out through the HTML code and where it can click and what it can do. Again, that's a little bit more fragile. Web MCP kind of comes now to be somewhere in the middle of that or the things we just mentioned and an in-app agent, which is what the tweet was complaining about, right?

11:37Which is that Like you build an app with a little agent sidebar and you're the agent in that app is the only thing that can communicate and deal with it. Right. So what they're saying is they want something where they can bring their agent and and they can use your product efficiently. And that's where I think, especially for traditional apps with a front end, storefront, whatever, that they can then use, bring their agent and use your app efficiently. So that's what's really cool about it. Does that make sense? So if I'm getting this right, so WebMCP, you've got your agent. There's a set of tools or things that you can do basically on the website or the app.

12:25And it's sort of limited to that. The in-app agent, you have the vendor's agent and the app's agent, right? And that just interfaces with the app's logic and data back and forth. And the app is like, isn't that like the best end state of where we think things are going, right? The in-app agent, you mean? Yeah. Well, I mean, you can look at it from two different perspectives, right? It's nice to have like a little in-app agent there, but you're responsible then for configuring everything. You're responsible for the tokens, right? You're responsible for setting it all up. Whereas with WebMCP, WebMCP is like this really nice middle ground where you don't have to pay for tokens.

13:17You're giving the app agent capabilities, but the user is bringing the agent that they used. and any agent will work with it. So if we're moving quickly to this world where everyone has an agent that they use at work, that they use for personal preference, you don't have to then separate them from that. That's the agent they know and they can just use it with your tool via WebMCP. So it's kind of like the nicest because it makes it easy for you and it makes it most comfortable for them. Yeah, I guess the in-app agent was sort of like, a transitionary piece of software that needed to exist for a certain amount of time but were kind of growing out of it.

14:05The idea of you use Intercom Fin, which is basically a customer support agent. That experience is really, really good. But now in a world where it's pretty clear that over the next 24, 36 months, consumers are going to have their own agents. It just makes sense that these agents are going to need places to interface with the internet at large. And the internet is just not designed for those agents yet. So, you know, that's why WebMCP, you know, exists. Yeah, I think there is a place for in-app agents, right? Like if in Notion, for example, they offer both. But like if there's something that is like Cloudflare dashboard, they have an in-app agent.

14:52and this is so it's like very it's gated to only use their um their tools and not to change preferences too much so that you don't do anything kind of hazardous i can see where in-app agents might make sense but we're moving into this world where it's like we're doing so much with agents and we want them to keep their context so you want one tool that kind of has a context and knowledge and memory of everything that you do and to be able to bring that one agent with all that context to different tools is really powerful and i think that's where you're going to see people they're going to kind of get stuck on one agent one kind of agent products whether that be grokbot or claude co-work or chat gpt work or whatever and then they're just going to kind of access the internet and and interface with the with different things on the internet through those agents so that's where i think web mcp is really powerful it's also just like a great companion for when you're shopping with for complicated things you can use an agent if you need to kind of help you out figure out which specs with things right and um you don't have to build in this big bloated you know in-app agent into your into your app to get some better uh customer um experience for you can you show an example another example yeah sure so um i could say like yeah so you suggested the Lalit Bianca what are some really nice accessories I should add that will fit the Lalit Bianca so this is something that like bugged me a ton was I found the machine now I need a grinder now I need the right portafilter I want a new basket they're all different sizes they all use one might use a measurement one might use a name or some kind of like brand name and parsing through all that information as a customer can get really tedious so just to have an agent that can do that and then let you know is perfect because it has all the context here from the store it knows what i've ordered it has different tools here like if i scroll over here it can see um get my gear is one tool so it knows what i've ordered from here um it can get the cart it can add coupons right so it can apply a coupon on checkout and all this stuff so here it's just saying the first thing you should buy is this little lit water softener two-pack so i'll just say cool add that to my cart that sounds great right so the nice thing is is that i could tell it highlight that on the ui or i can just say you know whatever i like the sound of that go and and add it to the cart and it'll do all that stuff in real time and i have visual confirmation of that i can see the things right and um i think that's pretty cool that's really cool yeah i mean come on that's really cool yeah so um and even tell me here you have softener is in uh you have a barista 10 coupon 10 adding it for the rest so i don't know if it's just because i'm a coffee aficionado you know i love coffee you know you can see my coffee setup back there yeah um that this is just hitting for me so hard but like to me it's like it makes so much sense.

18:01Like we're as customers, we're going to be using agents. We're going to want them to go and do stuff for us. We want to make sure that the things that they do, it actually is able to complete the tasks. Um, and to see this work just so seamlessly, just as awesome. Yep. Yeah. It's really cool. I think, so this is a great example, but you can think about anything where it kind of gets complicated, uh, you know, technical stuff. Um, if you're buying hard, like hardware and I I don't know, you're doing like hardware hacking and you need the right battery for the development board or car stuff and you need the right parts.

18:38All this stuff that can be really complicated like that, this is a great use case. I mean, I'm just curious, in your mind, where MCP fits, which I think is another way of saying, in which sectors, niches, should you be implementing WebMCP? because there's going to be like some some industries are going to be last to implement it right and i think from a founder perspective i care about the the ones that have the highest priority so which are those and why do they matter yeah yeah i think like like i said these compatibility driven commerce right so it's like all those things camera systems any kind of web web store that's complicated that would be a great thing you could do it in sas admin so like any kind of admin board or console or analytics or marketing tools you can add these things in to make it easier for you know your marketing team to to deal with these things and and set up features and stuff like that and even like regulated industries like the nice thing is is that you can't use api keys so you don't want to go to you don't really want to use mcp servers or APIs, you maybe want to set up a few.

19:53And that's a great thing about WebMCP. It's like a few tools that are using the browser state that can be read only so they don't actually touch anything. So let's imagine like insurance or banking self-service, like you could set up some WebMCP tools that are read only or only touch very non-sensitive settings. And then that will help the user figure out where they need to go to enter something or where they need to go to get the right information or it can even summarize and pull the right information for them via their agent. So stuff like that. I even think internal tools, so building internal tools at a company.

20:35So if you're like an entrepreneur, you don't necessarily need to use MCP right away for your customers. And there might be a really great solution for you in-house, like your internal tools, stuff for yourself, for your employees. That's where I think there's a lot of potential. I love it. All right, let's go to some business ideas that people can implement. I'm curious your take on it too. So let me share my screen. Yeah. All right, Vinny. So WebMCP is here. I wanted to come up with two business ideas that I think are cash flowing that I think anyone non-technical can set up or somewhat non-technical.

21:16You just don't need to be a hardcore engineer. The first idea is a WebMCP conversion agency. And I bet you there's probably some domains that are available like webmcp.agency or something like that that someone can go and grab right now. So the big idea is how can you make boring business websites agent ready? So you have these boring businesses like law firms and home service and HVAC, med spas, dentists. And you just go and create these V1 tools for them. So that can be like requesting a quote or booking consults. And you're just selling them on this idea that there's going to be a new class of citizens on the internet.

22:00These are going to be these AI visitors. And these AI visitors, these agents, are going to book jobs. So you sell them on maybe a$2 ,000 to$10 ,000 setup, and then you charge, it could be$500 a month or a few hundred dollars a month,$700, depending on who it is. Is it a big law firm, a small law firm? On monitoring and evals, and then you build this retainer that is building cash flow every single month, and you just update it and that sort of thing. What do you think of this idea? Yeah, I actually think it's a really good idea. I see stuff on the web floating around where they're showing that things like you said, dentists or law firms are starting to use agents at their offices.

22:46And so I think they'll get it. And it's good that you bring this up because I think it's worth mentioning that WebMCP is an experimental feature in Chrome right now. So it launched in February, joint effort from Microsoft and Google, but it's still in early days. But that's why I think there's real potential here, because we talked about this package. I showed the diagram of, you know, from headless to bound to UI, the different types of agent native approaches you can use to connect to apps. Right. So you could do this as a package where it's not only WebMCP, but other tools, maybe a MCP server for them.

23:28and you tell them that like, look, this is new emerging stuff, or you're learning this because it is this new emerging stuff so that when it does get adopted, you're the first mover, you have the first mover advantage. And so you can sell it as a package, like we'll, we'll put in MCP, we'll put in web MCP. Um, we'll, we'll create, um, you know, whatever, all this stuff that, that aligns with their vision. You can make whatever they want available and you can show them the different approaches. You have one that uses a UI, one that is headless, and you're the expert there. And that's the way that you make money.

24:05Yeah, maybe it's just agent conversion agency. And then WebMCP is just one of the technologies that you use. Yep. Or like we were saying before, internal tools, it doesn't only have to be about customer facing stuff, you can show them how they can make processes in their office better for them and their employees using stuff like WebMCP. Totally. Cool. Startup idea number two. I'm calling it the agent mystery shopper. So it's testing whether agents can complete the most important user journeys. So if you think about a user journey, maybe it's a Shopify store. You know, you want to buy a hoodie.

24:44If it's a consulting company, it's booking a consult. If it's an insurance company, you're filing a claim. requesting quotes, ordering items, all these different things that you want the agent to do. So the agent is going to run a bunch of tests and you, the customer, get a report back. Where did the agent get stuck? Were there bad descriptions? Were there missing tools? Conversion risk. And then you're basically selling agent reports. Maybe it's monthly, weekly, and you turn the repeated fixes into software. So I like this business because it's pretty simple. It's almost like, you know, just a report, like a credit report almost on, you know, how your website and your apps are around implementing things like WebMCP.

25:36And then you can charge a few hundred dollars a month or a hundred dollars a month for something like this. What do you think about this idea? Yeah, I think also a cool thing, it makes a lot of sense. And the cool thing is, is that you can even pair approaches like this to your agent conversion agency, right? So it's like you can go and run these agent tests and evals and you can show them that, hey, this might work better if you used WebMCP on top of it. You're only using X. Why not check out this as well? So you can kind of combine the approaches, I think, here. So that's a really cool idea.

26:08I like it. yeah so i just also wanted to mention that um i showed a couple examples here but there are 16 different tools that you can use with your agent via web mcp on this example espresso machines and gear store and you can do that right now you can go to crema and co client fly.dev we'll put the url in the show notes and stuff and you can test it out there one thing you should know is that like we said, is experimental stuff, early days. So go into Chrome Flags, enable WebMCP support, and go into Chrome Inspect and allow remote debugging. So these are the things that you will want to enable so that you can start using these experimental features.

26:52And if you want to build your own app like this, you can also click on the GitHub repo button down there next to the WebMCP tools pill, and you can clone this repo, and you can play around with it, Make your own version, whatever. It's free for you to start playing around with cool business ideas. So those are two important things I think are worth mentioning. And yeah, it would be cool to see what other people do with this repo, what other people do with these ideas. So people should definitely share those online with us. I think that would be awesome to see. Yeah, we'd love to see. And I think, you know, I can just see the comment of someone saying, well it's an experimental it's you know it's so experimental like it's so it's way too early like why even bother playing with this stuff and i you know you know me i love playing when things are experimental because when you know the arbitrage exists when when it's experimental like i love trying things getting my hands dirty and and and seeing what i can build now because when it's going to be you know super popular that's when that window starts closing yep definitely think about when chat gpt came out or when gpt i think it was gpt2 and 3 came around and people were playing with it and going it was just two years before chat gpt launched and people were going as this is crap this is we're way off we're years away from ai being like a serious thing a serious tool.

28:23And then boom, the explosion happened just a year or two later. So like, shouldn't pass this stuff off as, you know, just like experimental stuff that's not going to get implemented. I mean, we're talking about Google here. They have pretty good foresight. This is something that they've been talking about for a few years now. They made the proposal two years ago. They launched it at the beginning of this year. So I wouldn't, I wouldn't fade this personally, and I'm excited about it. So that's enough for me. All right. Thanks for coming on, Vince, sharing the sauce and I'll see you next time. Yep.