Add WebMCP tools to a website or web app through a guided workflow that analyzes the codebase, proposes a tool plan for approval, implements the tools with @nekuda/webmcp-sdk, and verifies them in a real browser.
Install
- 1Add it in ChatGPT
Open Plugins in the ChatGPT sidebar (web or desktop), search for “WebMCP Kit” and select +. You'll be asked to sign in to any connected service on first use. Then type @ in a chat to call it.
Skills 2
- implement
Add WebMCP tools to a website codebase so browser agents can act through the site's own logic instead of scraping the page. Use when asked to make a site agent-ready, add WebMCP or document.modelContext tools, or implement site tools with @nekuda/webmcp-sdk.
- verify
Check that a locally running site's WebMCP tools register and execute correctly. Use to verify WebMCP tools, confirm document.modelContext tools appear on the right pages and auth states, or test @nekuda/webmcp-sdk tools in a browser.
Things to ask
- “Add WebMCP tools to this web application.”
- “Verify my WebMCP tools implementation.”
- “Add WebMCP tools to this website.”
Related
SuperpowersPlan, develop, and debug codeplugin · by Jesse Vincent · 294k stars
ShopifyBuild and manage your storeplugin · by Shopify · 7.2k stars