webmcpify (Agent Skill)
About
Make any web app agent-ready with WebMCP: inventory user actions, approve a tool manifest, integrate tools, verify them in Chrome, and heal failures.
Details
- Author
- tuejon
- Categories
- Developer Tools, Other
Jump to
Setup
Install webmcpify (Agent Skill) in your MCP client (Claude Desktop, Cursor, Windsurf, and others).
Repository: https://github.com/tuejon/webmcpify
Follow the installation instructions in the repository README, then restart your MCP client.
Make any web app agent-ready with WebMCP: inventory user actions, approve a tool manifest, integrate tools, verify them in Chrome, and heal failures.
Make any web app agent-ready β verifiably.
πwebmcpify.atβ the site itself is webmcpified: open it with a WebMCP-enabled agent and call its tools.
webmcpify is an agent skill that integratesWebMCP(document.modelContextβ a proposed web standard incubated in the W3C Web Machine Learning Community Group, currently in Chrome origin trial) into anexistingweb application β from a static landing page to a large multi-tenant SaaS β end to end:
DETECT ββΆ INVENTORY ββΆ [you approve the tool manifest] ββΆ INTEGRATE ββΆ VERIFY ββΆ HEAL ββΆ AUDIT loop loop loop loop
Your coding agent investigates the codebase, proposes atool manifest(every user action worth exposing, with names, schemas, examples, and a read-only/mutating classification), and after your approval integrates the tools,exercises each one in a real browser, and heals failures β escalating honestly what it can't fix β while keeping unrelated logic and UI untouched.
Watch the uncut 63-second runtime demoβ a prepared local fixture passes a real approval click, registers one client-only tool, then exercises nativedocument.modelContext.getTools()/executeTool()verification, a visible UI change, invalid-input handling, and cleanup.
The runtime registration and browser assertions are real. The phase labels are advanced by a deterministic script for legibility; the recording does not execute the skill's inventory, integration, or audit phases. Theproof/pack includes the runnable fixture, prepared before/after example manifests, an illustrative integration patch, and artifact checksums. Reproduce the native-browser checks withnpm run proof:verify.
Browser AI agents (Gemini in Chrome, extensions, assistive tech) are learning to call structured page tools instead of scraping the DOM. WebMCP is the emerging standard for that, co-authored by Google and Microsoft engineers, in origin trial since Chrome 149. Making an app agent-ready by hand means reading a spec that is still moving (the API surface changed twice during the trial), learning tool-design conventions, and building a verification setup β webmcpify packages all of that into one command for your coding agent.
Any agentβ Claude Code, Codex, Cursor, opencode, Copilot, and70+ more:
/plugin marketplace add TueJon/webmcpify /plugin install webmcpify@webmcpify
Manual: copyskills/webmcpify/into your agent's skills directory, or just tell your agent to followskills/webmcpify/SKILL.md.
The skill directory is self-contained β pipeline, phase guides, vendorable runtime, and the verification template all ship inside it.
Open your agent in the target repo and pick your scope:
/webmcpify # full pipeline /webmcpify inventory # just investigate + propose the tool manifest (zero code changes) /webmcpify integrate # integrate the approved manifest /webmcpify verify # verify + heal what's integrated /webmcpify status # where are we? what's next?
(or in plain words:"webmcpify this app","map what tools this app could expose")
The pipeline hasone main checkpointβ you approve the tool manifest (and, for apps under git, choose whether integration batches are committed). Beyond that it only comes back for things it genuinely can't resolve: an app that won't start, or a tool that still fails after capped heal attempts. All state persists in.webmcpify/manifest.json, so runs areresumableacross sessions, context windows, and even different agents.
Every phase is aloop over persistent state, not a one-shot pass:
- Inventorymaps the codebase into areas (routes/views/modules) first, then deep-reads one area per iteration β a 500-file SaaS is processed area by area, never in one context-busting sweep. Sub-agent fan-out writes per-area shard files; a single coordinator merges them (no write races).
- Tool budgetskeep SaaS toolsets usable: priority waves, an overlap rule (no two tools matching the same request), and role/tenant coverage tracking.
- Integrateworks in small batches (one area or β€5 tools), each independently built and typechecked β committed per batch only if you opted in.
- Verify/Healiterate per tool with attempt caps and honest escalation instead of infinite loops; mutating tools get cleanup steps between retries.
- Interrupt at any point; the next run resumes from the manifest.
- Unrelated logic and UI stay untouchedβ every diff hunk traces to a manifest entry; a final audit against the recorded baseline commit enforces it, and files that were already dirty when the run started are never modified or reverted.
- Read-only firstβ mutating tools require your explicit per-tool approval; destructive/payment actions are never exposed.
- Server stays the trust boundaryβ tools only call code paths your UI already uses; no new endpoints, no bypasses.
- Spec-shaped, zero dependenciesβ a small MIT runtime is vendored into your repo (no npm dependency), everything feature-detected: your app isbehaviorally unchangedin browsers without WebMCP.
- Exercised, not assumedβ every tool is enumerated and executed in real Chrome, asserting on both the tool result and the resulting UI state, from examples recorded in the manifest. That includes mutating declarative forms, where Chrome pauses the execution until a real submit interaction β the harness performs that submit click mid-execution instead of faking the pass.
- Spec over scoreboardβ WebMCP checkers and inspector extensions grade pages against a mix of spec features, conventions, and invented checks. webmcpify classifies their findings instead of chasing them: it never emits non-existent attributes or adds markup an app doesn't need to raise a score. Optional off-page discovery (a/.well-known/webmcpmanifest,rel="webmcp"links) is a separately approved layer, because it publishes tool metadata publicly β never part of a default integration.
WebMCP itself is anorigin trial(Chrome 149 β; the stable milestone is an estimate, not a commitment): production exposure needs anorigin-trial token, local development needschrome://flags/#enable-webmcp-testing. The API surface has already changed during the trial (testing API removed 2026-07;navigatorβdocument) β webmcpify isolates that churn in one vendored file, probes for the current enumeration/execution surface, and treats Google's livemodern-web-guidanceas the source of current best practices at integration time.
Release-by-release spec adaptations are recorded in thechangelog.
- webmcpify.atβ project website (itself agent-ready, in all three layers: imperative tools via the vendored runtime, a declarative install form, and a published/.well-known/webmcpmanifest)
- webmachinelearning/webmcpβ the spec draft (W3C WebML CG)
- GoogleChromeLabs/webmcp-toolsβ Google's demos, types, and evals CLI (webmcpify follows these patterns)
- GoogleChrome/modern-web-guidanceβ official best-practice guides (webmcpify pulls its WebMCP guides live)
- Puppeteer WebMCPβ first-class WebMCP automation API (alternative verify harness)
- MCP-B / WebMCP-orgβ WebMCP ecosystem: polyfill, extension, transports, and dev tooling (webmcpify vendors a minimal runtime instead of adding dependencies)
This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.
What Shopify did for ecommerce, Chipp does for AI agents. Build, deploy, and monetize AI agents for your business β no engineering team required.
Interact with Odoo instances using the XML-RPC API. Requires configuration via environment variables or config files.
D2C eCommerce fulfillment platform: manage orders, inventory, shipments, campaigns, and billing via AI agents
MCP Server For Apache Doris, an MPP-based real-time data warehouse.
Oracle Fusion Cloud integration using OAuth2. Write operations disabled by default per integration. 1000+ tools covering Financials, Procurement, Inventory, Suppliers, Tax, and Workforce.
Connect SAP Business One (SQL Server) to Claude AI Desktop via MCP. Query financials, inventory, sales, and purchasing with natural language.
A read-only MCP server by CData for querying live Zoho Inventory data.
Official remote MCP server for Foundry IMS: manage an inventory and product catalog β products, variants, brands, categories, images, custom fields, bundles, and assemblies/BOMs.
Browse GPU inventory, launch and manage VMs, and audit billing on Massed Compute from any AI agent.
Service account inventory for developers β which email owns which Supabase, Vercel, or Stripe β kept current by your coding agents over MCP; stores metadata, never secrets.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.





