Build websites and applications that work with browser and user AI agents.

WebMCP

Learn about improvements to WebAssembly for tasks commonly used in AI inference.
Discover opportunities for your site to help users and agents be more efficient, by adding WebMCP tools.
Define WebMCP tools with standard JavaScript to execute site-specific functions, such as form input and site navigation.
Transform your standard HTML forms into WebMCP tools by adding annotations.
Test your tools to confirm agents understand when to call the tool, how to execute it, and what answers are acceptable.
Learn best practices for using WebMCP APIs.
Learn how to build secure tools for your website.
You can use both WebMCP and MCP. Together, they help agents accomplish personalized tasks on behalf of human users.

Safety

Agent developers must design protections against malicious text from untrusted content. We identify some security techniques relevant to agents using WebMCP.

Build with AI agents

This guide explains how to setup the right tools in your coding agents and how they can help you build better extensions faster.
Use Modern Web Guidance with your favorite AI coding agents, so you can access web best practices in your preferred workflow.

AI assistance, right in your browser. Get key takeaways, clarify concepts, and find answers based on the context of your open tabs.

Gemini works across your Google apps to help you power through your day.

Introducing AI agents

Understand the basics and definitions of the various emerging technologies, often referred to as AI.
As web practitioners, it's critical that we build new technology thoughtfully and responsibly.
Build a foundation of knowledge about AI to add features to your websites and web applications.