Loading video...

Video Failed to Load

Go Home

Using WebMCP tools, I can surface all sorts of functionality in my app. I can batch process, change themes and dark mode, check on higher level goals that I'm keeping track of. All of this functionality exists already! You can do it manually if you prefer. But you could...

20,831 views • 6 days ago •via X (Twitter)

37 Comments

Samarth's profile picture
Samarth6 days ago

did the same for two apps that i now use frequently- BingeWatcher (movie and tv-show discovery with lineups and watchlists) and ROUGH//CUT (in browser video editor) :))

Sarah Drasner's profile picture
Sarah Drasner6 days ago

Nice!

Samarth's profile picture
Samarth6 days ago

thanks a lot!

Sarah Drasner's profile picture
Sarah Drasner6 days ago

A couple people asked me why I showed chat and not voice- the answer is simple: I was sick and I sound like a frog. 🐸 I'll record one when I am not making ribbit noises

Vishal Anton's profile picture
Vishal Anton6 days ago

This is cool.

Srinivasan K K's profile picture
Srinivasan K K6 days ago

yes, I did some experimentation earlier. What I understood is WebMCP for the frontend, MCP is for the backend but for AI agents.

Sarah Drasner's profile picture
Sarah Drasner6 days ago

Yes, you’re correct

Srinivasan K K's profile picture
Srinivasan K K6 days ago

👍

Abdul Wasey's profile picture
Abdul Wasey6 days ago

WebMCP makes the UI an agent API without rebuilding the backend.

Vinny's profile picture
Vinny6 days ago

There are some very creative use cases for it too:

Ritwik's profile picture
Ritwik6 days ago

WebMCP that still works as a normal UI is the right constraint. Agent-only surfaces rot the moment a human needs to take over.

Sarah Drasner's profile picture
Sarah Drasner6 days ago

Not necessarily- I think we’ll see more handoffs between experiences over time. There are certain batch actions I might have an agent do and then want to step in to augment individual values, for instance. However, just surfacing the existing functionality is just fine too!

Manu Schiller's profile picture
Manu Schiller6 days ago

Is WebMCP maybe a good fresh take on accessibility?

Nart Madi's profile picture
Nart Madi6 days ago

Hey Sarah, I'd love to show you what we're building for WebMCP @Senro_AI.

OneOrigine's profile picture
OneOrigine6 days ago

;🍎💯

Jarno's profile picture
Jarno6 days ago

Voice control for dev tools sounds great until you're debugging out loud in a coffee shop.

Sarah Drasner's profile picture
Sarah Drasner6 days ago

I’m not doing voice control here, I’m just typing. That’s sort of the point- it’s flexible to your situation ☺️

Vinicius Dallacqua's profile picture
Vinicius Dallacqua6 days ago

Do you have a link to this? I'd love to use it for benchmarking and metrics on an article I'm writting.

Sarah Drasner's profile picture
Sarah Drasner6 days ago

Yeah I’m getting some last features over the line and then I’ll open source it

Rohan Verma's profile picture
Rohan Verma6 days ago

What's the chat UI on the right?

Sarah Drasner's profile picture
Sarah Drasner6 days ago

I made it a part of the app. I embedded Gemini and surfaced a UI that can be voice or chat

rusa's profile picture
rusa4 days ago

the a11y angle is the sleeper. app actions as callable tools is basically a machine-readable menu, which is exactly what screen readers always wanted and rarely got reliably.

Sarah Drasner's profile picture
Sarah Drasner4 days ago

1000%

Sudhir Dudeja's profile picture
Sudhir Dudeja6 days ago

I made my app webmcp enable as well, Quiak question what are using apart from codex to test and it and does it require API key ?🤔

Max Villemure's profile picture
Max Villemure6 days ago

I really like the view, and the image on top. Great job

John Rood's profile picture
John Rood6 days ago

we run enough browser agents to feel this: a semantic tool surface beats teaching the model to click pixels every time. the accessibility path becomes an interface you can test, not a demo you hope works.

Ben Mo's profile picture
Ben Mo6 days ago

does one undo roll back the whole batch, or would it step through each task change?

Agrit Tiwari's profile picture
Agrit Tiwari5 days ago

This is good to do client side tool calling. Makes sense. Really like it so far. But is this Copilotkit for the sideChat? PS. tc.

Sarah Drasner's profile picture
Sarah Drasner5 days ago

Thanks! Just Gemini

Aivan Monceller's profile picture
Aivan Monceller6 days ago

Are you running an LLM on the browser? Or still calling a frontier in this case?

Sarah Drasner's profile picture
Sarah Drasner6 days ago

I've embedded Gemini and made it part of the app experience. You don't have to do it that way, though

Aivan Monceller's profile picture
Aivan Monceller6 days ago

What does "embedded Gemini" mean? Is the model actually running in the page and driving the existing features through WebMCP? What's the difference in practice between embedding Gemini in the app vs just calling the API?

Sarah Drasner's profile picture
Sarah Drasner6 days ago

Yeah it's running in the page and driving existing WebMCP tooling. I exposed some special tools to do things my app can't do as well like batch processing or checking against larger goals. No big difference here, and you can still bring your own/drive it another way. The app is for me, so I wanted it as part of my experience.

Saket Tawde's profile picture
Saket Tawde6 days ago

Woah! Imagine if the whole OS was like this?! Wait a second, wasn't there a ChromeOS?

LottieFiles's profile picture
LottieFiles6 days ago

The voice part is really interesting. Being able to just say what you want instead of clicking through menus would help a lot of people. Have you tested it with voice yet, or is that still the plan?

Sarah Drasner's profile picture
Sarah Drasner6 days ago

Yes! I almost did a voice one, and will probably still post it. I've been sick this week and my voice sounds like a frog 🐸 ribbit

Tony's profile picture
Tony6 days ago

The accessibility angle is what caught my attention. Being able to say what you want done could make a complicated app feel much more approachable.

Related Videos