Loading video...

Video Failed to Load

Go Home

🤖 Make your website agent-ready with WebMCP, the new protocol for reliable, structured AI → Join André Bandarra and Francois Beaufort on WeAreDevelopers as they dive into how WebMCP moves the web beyond human-only UI to high-performance agent architecture.

ChromiumDev's profile picture

Chrome for Developers

418,374 subscribers

11,286 views • 3 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

WebMCP is the future of the web. Agents can now interact with any website without ever seeing the UI. I built a starter template to show how: A DoorDash like app where the agent adds items to cart and checks out with the right address + promo code. The browser is now the API.
0:31

WebMCP is the future of the web. Agents can now interact with any website without ever seeing the UI. I built a starter template to show how: A DoorDash like app where the agent adds items to cart and checks out with the right address + promo code. The browser is now the API.

Pietro Schirano

167,631 views • 4 months ago

1/ Introducing Agent Protocol: the payment stack for AI agents AI agents don’t have a SSN. They can’t use our human banking system. AI agents will use crypto. Agent Protocol provides the infra and token ($AGENT) that the AI agent economy will run on.
1:01

1/ Introducing Agent Protocol: the payment stack for AI agents AI agents don’t have a SSN. They can’t use our human banking system. AI agents will use crypto. Agent Protocol provides the infra and token ($AGENT) that the AI agent economy will run on.

Samuel Spitz

21,629 views • 1 year ago

The WebMCP Early Preview is underway → Expose structured data to AI agents defining your capabilities as tools so they no longer have to scrape screens or burn through valuable tokens.
1:13

The WebMCP Early Preview is underway → Expose structured data to AI agents defining your capabilities as tools so they no longer have to scrape screens or burn through valuable tokens.

Chrome for Developers

31,273 views • 1 month ago

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️
0:25

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Callstack Engineers

18,203 views • 2 months ago

From flight searches to restaurant bookings, WebMCP is making apps agent-ready. Explore our list of demos to see the future of the web in action. Have a project? Submit a PR to be featured →
0:55

From flight searches to restaurant bookings, WebMCP is making apps agent-ready. Explore our list of demos to see the future of the web in action. Have a project? Submit a PR to be featured →

Chrome for Developers

84,803 views • 3 months ago

New course: Nvidia's NeMo Agent Toolkit: Making Agents Reliable, taught by Brian McBrayer 🐬 from NVIDIA. Many teams struggle to turn agent demos into reliable systems that are ready for production. This short course teaches you to harden agentic workflows into reliable systems using Nvidia's open-source NeMo Agent Toolkit (NAT). Whether you built your agent in raw Python or using a framework like LangGraph, or CrewAI, NAT provides building blocks for observability, evaluation, and deployment that turn proofs-of-concept into production-ready systems. NAT makes it easy to troubleshoot and optimize agent performance with execution traces, systematic evaluations, and CI/CD integration. Skills you'll gain: - Build configuration-driven agent workflows with REST APIs and minimal code - Add observability with tracing to visualize agent reasoning and debug performance bottlenecks - Create systematic evaluations using gold-standard datasets to measure and improve agent reliability - Deploy multi-agent systems with authentication, rate limiting, and professional web interfaces - Orchestrate agents from different frameworks to collaborate on complex tasks Join and learn how to turn agent demos into reliable systems!
2:01

New course: Nvidia's NeMo Agent Toolkit: Making Agents Reliable, taught by Brian McBrayer 🐬 from NVIDIA. Many teams struggle to turn agent demos into reliable systems that are ready for production. This short course teaches you to harden agentic workflows into reliable systems using Nvidia's open-source NeMo Agent Toolkit (NAT). Whether you built your agent in raw Python or using a framework like LangGraph, or CrewAI, NAT provides building blocks for observability, evaluation, and deployment that turn proofs-of-concept into production-ready systems. NAT makes it easy to troubleshoot and optimize agent performance with execution traces, systematic evaluations, and CI/CD integration. Skills you'll gain: - Build configuration-driven agent workflows with REST APIs and minimal code - Add observability with tracing to visualize agent reasoning and debug performance bottlenecks - Create systematic evaluations using gold-standard datasets to measure and improve agent reliability - Deploy multi-agent systems with authentication, rate limiting, and professional web interfaces - Orchestrate agents from different frameworks to collaborate on complex tasks Join and learn how to turn agent demos into reliable systems!

Andrew Ng

63,471 views • 6 months ago

INTRODUCING Notte Building the agentic internet with the strongest web browser for LLM agents. We transform ANY webpage into structured text, enabling better web understanding and navigation. Plug any LLM to to build your own AI agent
0:39

INTRODUCING Notte Building the agentic internet with the strongest web browser for LLM agents. We transform ANY webpage into structured text, enabling better web understanding and navigation. Plug any LLM to to build your own AI agent

Notte

225,211 views • 1 year ago

Agent-in-the-browser unlocks superpowers. The magic really shines when you bring your own model, system prompts, and MCP tools into the mix. Hence, AgentBoard 🪄. Your models, keys, and settings. Integration with remote MCP servers and — this is where it gets really fun — ability to register and allow the agent to call custom ~WebMCP tools that execute in context of the page. Chrome Web Store: Code:
3:51

Agent-in-the-browser unlocks superpowers. The magic really shines when you bring your own model, system prompts, and MCP tools into the mix. Hence, AgentBoard 🪄. Your models, keys, and settings. Integration with remote MCP servers and — this is where it gets really fun — ability to register and allow the agent to call custom ~WebMCP tools that execute in context of the page. Chrome Web Store: Code:

Ilya Grigorik

22,961 views • 8 months ago

Meet our AI-powered robot that’s ready to play table tennis. 🤖🏓 It’s the first agent to achieve amateur human level performance in this sport. Here’s how it works. 🧵
0:40

Meet our AI-powered robot that’s ready to play table tennis. 🤖🏓 It’s the first agent to achieve amateur human level performance in this sport. Here’s how it works. 🧵

Google DeepMind

784,944 views • 1 year ago

Introducing web-agent, an open framework for building web agents 🔥 Build AI agents that search, scrape, and interact with the web - powered by the same architecture behind our /agent endpoint. 100% open source. Bring any model. Anthropic, OpenAI, or your own.
0:25

Introducing web-agent, an open framework for building web agents 🔥 Build AI agents that search, scrape, and interact with the web - powered by the same architecture behind our /agent endpoint. 100% open source. Bring any model. Anthropic, OpenAI, or your own.

Firecrawl

123,163 views • 2 months ago

For the first time, you can vibe-code any AI agent. Meet — Computer Human AI by Langbase ☕ 🔹Prompt: "make an agent that…" 🔹Sip: chai builds any AI agent 🔹Ship: every agent gets a UI 🤯 Like your on-demand AI Engineer. What will you s(h)ip today?
1:35

For the first time, you can vibe-code any AI agent. Meet — Computer Human AI by Langbase ☕ 🔹Prompt: "make an agent that…" 🔹Sip: chai builds any AI agent 🔹Ship: every agent gets a UI 🤯 Like your on-demand AI Engineer. What will you s(h)ip today?

Ahmad Awais

149,154 views • 1 year ago

I want to show you a demo of what I believe the future of user interaction to look like. This is ChatGPT controlling a live energy simulator (MCP App). I'll explain why today's architecture is clunky, and how WebMCP makes agent-driven UX much simpler. Read the article/watch 👇
0:47

I want to show you a demo of what I believe the future of user interaction to look like. This is ChatGPT controlling a live energy simulator (MCP App). I'll explain why today's architecture is clunky, and how WebMCP makes agent-driven UX much simpler. Read the article/watch 👇

Kent C. Dodds ⚡

27,852 views • 4 months ago

Watch us use the Agent Manager to delegate research and coding tasks to a first-class AI partner. It's the new home base for turning ambiguous ideas into structured artifacts. See the Agent Manager in action on this week’s livestream →
0:34

Watch us use the Agent Manager to delegate research and coding tasks to a first-class AI partner. It's the new home base for turning ambiguous ideas into structured artifacts. See the Agent Manager in action on this week’s livestream →

Google Cloud Tech

22,302 views • 4 months ago

Here is how simple it is to build a UI front-end for an AI agent (assuming you are using . The video here is 90 seconds and will show you everything you need to connect an agent to a web app: 1. Set up CopilotKit🪁 in your app 1. Copy the agent's localhost URL from LangGraph Studio 2. Paste that URL into a CopilotKit🪁 remote endpoint That's all you need to get a front-end to interact with the agent! The secret sauce here is CoAgents, an open-source library. You can use CoAgents to integrate any agent with your web application. Here is what you get: • Human-in-the-loop to steer and correct the agent • Stream intermediate agent state • Real-time state sharing between the agent and the application • Agentic generative UI to build trust that the agent is on the right path Watch the attached demo so you see it in action.
1:32

Here is how simple it is to build a UI front-end for an AI agent (assuming you are using . The video here is 90 seconds and will show you everything you need to connect an agent to a web app: 1. Set up CopilotKit🪁 in your app 1. Copy the agent's localhost URL from LangGraph Studio 2. Paste that URL into a CopilotKit🪁 remote endpoint That's all you need to get a front-end to interact with the agent! The secret sauce here is CoAgents, an open-source library. You can use CoAgents to integrate any agent with your web application. Here is what you get: • Human-in-the-loop to steer and correct the agent • Stream intermediate agent state • Real-time state sharing between the agent and the application • Agentic generative UI to build trust that the agent is on the right path Watch the attached demo so you see it in action.

Santiago

46,109 views • 1 year ago

🔧 Let your coding agent identify and fix INP issues for you → With Chrome DevTools MCP, your coding agent can measure performance for specific user interactions to find and resolve slow UI responses - on its own with the help of the browser!
0:31

🔧 Let your coding agent identify and fix INP issues for you → With Chrome DevTools MCP, your coding agent can measure performance for specific user interactions to find and resolve slow UI responses - on its own with the help of the browser!

Chrome for Developers

16,696 views • 8 months ago

new video: building a Verifiable AI Agent w/ Eliza and Opacity AVS in 6 minutes 🤖 ♾️built on eigenlayer ♾️ after the whole fiasco where people thought AI tweets were human-made, i'm excited to show how zk proofs and MPC-TLS turn guesswork into transparency. it takes 25 seconds to migrate your existing eliza agent
6:03

new video: building a Verifiable AI Agent w/ Eliza and Opacity AVS in 6 minutes 🤖 ♾️built on eigenlayer ♾️ after the whole fiasco where people thought AI tweets were human-made, i'm excited to show how zk proofs and MPC-TLS turn guesswork into transparency. it takes 25 seconds to migrate your existing eliza agent

Gajesh

108,935 views • 1 year ago

Introducing --agent flag in CodeRabbit CLI 🎉 The new --agent flag turns CodeRabbit into a tool your AI agent can use, providing structured JSON output instead of terminal text. Your agent writes code, CodeRabbit reviews it, reads the JSON, and fixes what's flagged.
1:35

Introducing --agent flag in CodeRabbit CLI 🎉 The new --agent flag turns CodeRabbit into a tool your AI agent can use, providing structured JSON output instead of terminal text. Your agent writes code, CodeRabbit reviews it, reads the JSON, and fixes what's flagged.

CodeRabbit

22,404 views • 2 months ago

/web Creates a web. md file for any website. Every page, action, flow, and interactive element your coding agent needs to navigate it. AI agents fail on websites because they don't know the structure. Web. md gives them the map before they start ↓
0:20

/web Creates a web. md file for any website. Every page, action, flow, and interactive element your coding agent needs to navigate it. AI agents fail on websites because they don't know the structure. Web. md gives them the map before they start ↓

Hyperbrowser

71,707 views • 28 days ago

Is your Agent ready for real-world users? Learn how to run an evaluation using Agentverse’s Response QA Agent - a built-in tool that stress-tests your Agent with realistic queries and scores its performance. This is the first step to improving discoverability, trust, and performance. Run your first QA check and see how your Agent responds under pressure. Watch 👇
1:26

Is your Agent ready for real-world users? Learn how to run an evaluation using Agentverse’s Response QA Agent - a built-in tool that stress-tests your Agent with realistic queries and scores its performance. This is the first step to improving discoverability, trust, and performance. Run your first QA check and see how your Agent responds under pressure. Watch 👇

Agentverse by Fetch.ai

20,202 views • 7 months ago