webmcp-setup
Installation
SKILL.md
Set Up webmcp-react
Overview
webmcp-react exposes React app functionality as typed tools on navigator.modelContext (the W3C WebMCP API). AI agents discover and call these tools. This skill bootstraps the full setup.
Step 1: Install dependencies
npm install webmcp-react zod
zod is a peer dependency used for typed tool input schemas.
Step 2: Add WebMCPProvider
All useMcpTool calls must be descendants of <WebMCPProvider>. It installs a polyfill when native browser support is absent.