Installs into .claude/skills of the current project.
Are you the author of Webmcp?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/fabricioctelles-webmcp)
---
name: agent-ready-webmcp
description: >
Sub-skill de agent-ready-cloudflare: Implement WebMCP
---
# Implement WebMCP
Expose site tools to AI agents via the browser using the
[WebMCP API](https://webmachinelearning.github.io/webmcp/)
([Chrome blog](https://developer.chrome.com/blog/webmcp-epp)).
## Requirements
- Call `navigator.modelContext.registerTool()` for each tool you want to expose
- Each tool needs `name`, `description`, `inputSchema` (JSON Schema), and an `execute` callback
- Tools should expose your site's key actions (search, navigation, data retrieval)
- Use an `AbortController` signal to unregister tools when no longer needed
- The API is detected by loading the page in a browser — ensure the script runs on page load
## Validate
```
POST https://isitagentready.com/api/scan
Content-Type: application/json
{"url": "https://YOUR-SITE.com"}
```
Check that `checks.discovery.webMcp.status` is `"pass"`.
