# Webmcp

> Expose tools via WebMCP

- Skill: `whiteknightonhorse/webmcp` (Agent Skill)
- Install (CLI): `npx skillmds@latest add whiteknightonhorse/webmcp`
- Raw SKILL.md: https://api.skillmd.com/api/skills/whiteknightonhorse/webmcp/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: whiteknightonhorse (https://skillmd.com/u/whiteknightonhorse)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/whiteknightonhorse/webmcp

---

# Expose tools via WebMCP

> AIPUSH agent skill · Category: Agent Interfaces · Slug: `webmcp`

WebMCP lets in-browser AI agents call your site's key actions as typed tools — turning a page into an agent-operable surface.

## Why it matters

WebMCP lets in-browser AI agents call your site's key actions as typed tools — turning a page into an agent-operable surface.

## How to detect

Check whether the page calls `navigator.modelContext.provideContext(...)` at load.

## How to implement

Register tools on page load:

```js
if (navigator.modelContext) {
  navigator.modelContext.provideContext({
    tools: [{
      name: 'search_products',
      description: 'Search the catalog by keyword.',
      inputSchema: { type: 'object', properties: { q: { type: 'string' } }, required: ['q'] },
      async execute({ q }) { return await doSearch(q); }
    }]
  });
}
```

Keep tool names stable and descriptions specific.

## How to verify

In DevTools, `typeof navigator.modelContext` is `object` and your tools are registered.

## References

- https://webmachinelearning.github.io/webmcp/
- https://developer.chrome.com/blog/webmcp-epp

---

Part of the [AIPUSH agent skills catalog](https://aipush.app/.well-known/agent-skills/index.json). Scan your site free at https://aipush.app.