Guides an agent to inventory a web app, design non-overlapping page tools, register them via declarative, imperative and/or bridged implementation and dogfood them with Chrome DevTools MCP.
Install
- 1Add it in ChatGPT
Open Plugins in the ChatGPT sidebar (web or desktop), search for “WebMCP” 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 1
- webmcp
Make a website usable by in-browser AI agents with WebMCP. Plan which paths to expose, then ship them as declarative form annotations, dedicated imperative tools, or a bridge to an existing MCP server. Use when the user mentions WebMCP, document.modelContext, navigator.modelContext, registerTool, webmcp-proxy, or browser agents.
Things to ask
- “add WebMCP tools to proxy my existing MCP server”
- “make my e-commerce website checkout flow WebMCP-compatible”
- “help me craft which user flow should be exposed to an AI browser agent on my website”
Disconnect or uninstall
- 1In ChatGPT
Disconnect an account in Settings → Apps or Plugins. To remove the plugin itself, open WebMCP in the Plugin Directory and select Uninstall plugin. Uninstalling can disconnect every account connected through it, and plugins your workspace installs may not offer the option.
- 2In Codex
Run /plugins in the Codex CLI, select the plugin and uninstall it, or press Space to turn it off.
WebMCP alternatives
SuperpowersPlan, develop, and debug codeplugin · by Jesse Vincent · 294k stars
ShopifyBuild and manage your storeplugin · by Shopify · 7.2k stars