Teaches Claude to wire up WebMCP tools in browser apps, either by registering imperative tools through document.modelContext or annotating HTML forms for declarative flows. It walks through choosing the right API shape, implementing registration with proper schemas and lifecycle cleanup, handling agent-invoked form submissions safely, and validating behavior in the Chrome preview. The procedures are thorough, covering everything from detecting the frontend surface to dealing with stale tool cleanup and permission policy errors. Solid choice when you need to expose app functionality to AI agents without building a separate server-side MCP implementation, though you're locked into the browser context and the current Chrome preview surface.
npx skills add https://github.com/webmaxru/agent-skills --skill webmcp