Skip to main content

​
The Problem

AI agents are failing 40-60% of web interactions because they’re operating blind:

Action Ambiguity

Does clicking navigate away, open a modal, or trigger an async update?

Identification Failure

Which button is the “checkout” among 15 other buttons on the page?

Intent Confusion

“Add to Cart” might be a button, form, or div with onClick handler

​
The Solution

WCP lets websites tell AI agents exactly what elements do and how they behave. 
<!-- Before WCP: Generic button, unknown behavior -->
<button class="btn-primary" onclick="checkout()">
  Checkout
</button>

<!-- With WCP: Explicit intent and behavior -->
<button class="btn-primary" 
        data-wcp="action:purchase; effect:navigate; primary:true"
        onclick="checkout()">
  Checkout
</button>
One attribute. Clear syntax. Predictable behavior.

​
Quick Start

5-Minute Quickstart

Add WCP to your site in minutes

Read the Spec

Full technical specification

View Examples

Real-world implementations

Join Community

GitHub Discussions

​
Core Vocabulary

​
Actions (What it does)

​
navigate
action
Links to new page - menu items, product links
​
submit
action
Submits form or data - form submission, data save
​
add
action
Adds item to collection - add to cart, add to list
​
purchase
action
Initiates payment - checkout, buy now
​
search
action
Performs search - search bars, filters

​
Effects (How it behaves)

​
navigate
effect
Full page load - browser navigation, URL change
​
modal
effect
Opens overlay - dialog/modal appears, page persists
​
async
effect
Updates in-place - AJAX update, no navigation
​
download
effect
File download - triggers file save dialog

​
Join the *CP Ecosystem

WCP joins the emerging standard for AI protocol infrastructure:

MCP

Model Context Protocol by Anthropic

ACP

Agent Communication Protocol by Stripe

WCP

Web Context Protocol by Umbrella Mode

​
Why WCP?

One attribute (data-wcp), semicolon-separated values. Add it in 5 minutes.
95%+ success rate for AI agents vs. 40-60% without WCP.
Custom actions via namespace (action:custom.your-action).
CC0 license. Free to use, extend, and modify without restrictions.

​
What’s Next?

1

Understand the Basics

Read Why WCP? to understand the problem and solution
2

Add to Your Site

Follow the Quickstart Guide to implement WCP
3

Explore Examples

Browse real-world examples for your use case
4

Join Community

Share your implementation in GitHub Discussions

Created by Umbrella Mode

Part of the Umbrella Mode AI infrastructure suite: Titan (AI CTO), Nexus (AI Research Director), and WCP