WebMCP agent skillWebMCP Agent-Skill

webmcpify · MIT · Claude Code · Codex · Cursor · opencode · CopilotClaude Code · Codex · Cursor · opencode · Copilot

webmcpify is an agent skill: a portable instruction set you install into your coding agent, which then makes an existing web application agent-ready by integrating WebMCP (document.modelContext) end to end — and verifies every tool in a real browser instead of assuming it works. webmcpify ist ein Agent-Skill: ein portables Instruction-Set, das du in deinen Coding-Agent installierst. Er macht eine bestehende Web-App agent-ready, indem er WebMCP (document.modelContext) vollständig integriert — und jedes Tool im echten Browser verifiziert, statt es anzunehmen.

Two different things are often called the same name, so to be precise: this skill is the thing that writes the WebMCP integration into your codebase. It is not a browser agent, and not a classic MCP server — no separate process, no new endpoint, no protocol bridge. The tools it registers live in your page and call the code paths your own UI already uses. Zwei verschiedene Dinge tragen oft denselben Namen, deshalb präzise: Dieser Skill schreibt die WebMCP-Integration in deine Codebase. Er ist kein Browser-Agent und kein klassischer MCP-Server — kein separater Prozess, kein neuer Endpoint, keine Protokoll-Bridge. Die registrierten Tools leben in deiner Seite und rufen genau die Code-Pfade auf, die deine UI ohnehin nutzt.

Install it in your agentIn deinen Agent installieren

Any skill-loading agentJeder Skill-fähige Agent

Claude Code, Codex, Cursor, opencode, GitHub Copilot and 70+ more: Claude Code, Codex, Cursor, opencode, GitHub Copilot und 70+ weitere:

TERMINAL

$ npx skills add TueJon/webmcpify
$ claude          # or: codex · cursor · opencode · copilot
> /webmcpify

Claude Code, as a pluginClaude Code, als Plugin

CLAUDE CODE

> /plugin marketplace add TueJon/webmcpify
> /plugin install webmcpify@webmcpify

ManuallyManuell

Copy skills/webmcpify/ from the repository into your agent's skills directory, or simply point your agent at SKILL.md. The skill directory is self-contained: pipeline, phase guides, the vendorable runtime and the verification template all ship inside it. Kopiere skills/webmcpify/ aus dem Repository in das Skills-Verzeichnis deines Agents, oder zeige deinem Agent einfach SKILL.md. Das Skill-Verzeichnis ist self-contained: Pipeline, Phasen-Guides, vendorbares Runtime und Verifikations-Template liegen darin.

What it runsWas es ausführt

DETECT ─▶ INVENTORY ─▶ [you approve the tool manifestdu gibst das Tool-Manifest frei] ─▶ INTEGRATE ─▶ VERIFY ─▶ HEAL ─▶ AUDIT

Inventory maps the codebase into areas and deep-reads one area per iteration, so a 500-file SaaS is processed area by area instead of one context-busting sweep. Inventory zerlegt die Codebase in Areas und liest pro Iteration eine Area tief — ein SaaS mit 500 Dateien wird Area für Area verarbeitet, nicht in einem Kontext-Sweep.
The gate is yours: names, schemas, examples and a read-only/mutating classification for every proposed tool, before a single line is written. Das Gate gehört dir: Namen, Schemas, Beispiele und eine Read-only/Mutating- Klassifikation für jedes vorgeschlagene Tool, bevor eine Zeile geschrieben wird.
Integrate works in small batches (one area or ≤5 tools), each built and typechecked independently. Integrate arbeitet in kleinen Batches (eine Area oder ≤5 Tools), jeder einzeln gebaut und typgeprüft.
Verify and heal iterate per tool with attempt caps and honest escalation instead of infinite loops. Verify und Heal iterieren pro Tool mit Attempt-Caps und ehrlicher Eskalation statt Endlosschleifen.
Resumable: all state lives in .webmcpify/manifest.json, so a run survives context windows, sessions, and even a switch of agent. Resumable: der ganze State liegt in .webmcpify/manifest.json — ein Run übersteht Kontextfenster, Sessions und sogar einen Agent-Wechsel.

What it will not doWas es nicht tut

Touch unrelated logic or UI — every diff hunk traces to a manifest entry, and files that were already dirty when the run started are never modified or reverted. Fremde Logik oder UI anfassen — jeder Diff-Hunk ist einem Manifest-Eintrag zuordenbar, und Dateien, die vor dem Run dirty waren, werden nie geändert oder zurückgesetzt.
Expose mutating tools without your explicit per-tool approval; destructive or payment actions are never exposed in a first integration. Mutierende Tools ohne explizite Freigabe pro Tool bereitstellen; destruktive oder Zahlungs-Aktionen werden in einer ersten Integration nie exponiert.
Move the trust boundary — tools call the code paths your UI already uses: same endpoints, same validation, same auth. Your server stays the only trust boundary. Die Trust Boundary verschieben — Tools rufen die Code-Pfade auf, die deine UI ohnehin nutzt: gleiche Endpoints, gleiche Validierung, gleiche Auth. Dein Server bleibt die einzige Trust Boundary.
Add a runtime dependency — a small MIT runtime is vendored into your repo, fully feature-detected, so your app is behaviorally unchanged in browsers without WebMCP. Eine Runtime-Dependency hinzufügen — ein kleines MIT-Runtime wird ins Repo vendored, vollständig feature-detected: ohne WebMCP verhält sich deine App unverändert.

FAQ

Which agents can run this skill?Welche Agents können diesen Skill ausführen?

Any coding agent that loads skills: Claude Code, Codex, Cursor, opencode, GitHub Copilot and 70+ more through the skills CLI. The result is vendor-neutral — the integration is plain WebMCP, so any browser agent that speaks the standard can call your tools. Jeder Coding-Agent, der Skills lädt: Claude Code, Codex, Cursor, opencode, GitHub Copilot und über die Skills-CLI 70+ weitere. Das Ergebnis ist herstellerneutral — die Integration ist reines WebMCP, jeder Browser-Agent, der den Standard spricht, kann deine Tools aufrufen.

Do I need the Chrome origin trial?Brauche ich den Chrome Origin Trial?

For local development you enable chrome://flags/#enable-webmcp-testing; exposing tools on a production origin needs an origin-trial token. The vendored runtime is feature-detected, so your app behaves identically in browsers without WebMCP. Für lokale Entwicklung aktivierst du chrome://flags/#enable-webmcp-testing; Tools auf einem Produktions-Origin brauchen ein Origin-Trial-Token. Das vendored Runtime ist feature-detected — ohne WebMCP verhält sich deine App identisch.

Will it change code I did not approve?Ändert es Code, den ich nicht freigegeben habe?

No. You approve the tool manifest before anything is integrated, every diff hunk must trace back to an approved entry, and a final audit against the baseline commit flags anything else. Files that were already dirty when the run started are never modified. Nein. Du gibst das Tool-Manifest frei, bevor irgendetwas integriert wird, jeder Diff-Hunk muss auf einen freigegebenen Eintrag zurückführbar sein, und ein Audit gegen den Baseline-Commit flaggt alles andere. Dateien, die vor dem Run dirty waren, werden nie geändert.

How is each tool verified?Wie wird jedes Tool verifiziert?

Every tool is enumerated and executed in real Chrome from the examples recorded in the manifest, asserting both the tool result and the resulting UI state — including the real submit interaction Chrome requires before a mutating declarative form completes. Jedes Tool wird im echten Chrome aus den im Manifest hinterlegten Beispielen aufgezählt und ausgeführt, geprüft werden Tool-Ergebnis und resultierender UI-State — inklusive des echten Submit-Klicks, den Chrome bei mutierenden Declarative Forms verlangt.

Status & requirementsStatus & Voraussetzungen

WebMCP is an origin trial from Chrome 149 onwards, and its API surface has already changed during the trial (the testing API was removed in July 2026; navigator → document). webmcpify isolates that churn in one vendored file, probes for the current enumeration/execution surface, and treats Google's live modern-web-guidance as the source of current best practice at integration time. WebMCP läuft ab Chrome 149 als Origin Trial, und die API-Oberfläche hat sich während des Trials schon geändert (Testing-API im Juli 2026 entfernt; navigator → document). webmcpify kapselt diese Bewegung in einer vendored Datei, probt die aktuelle Enumeration/Execution-Oberfläche und nutzt Googles live modern-web-guidance als Quelle der aktuellen Best Practices zum Integrationszeitpunkt.

LinksLinks

github.com/TueJon/webmcpify — source, skill, runtime, verification harnessQuellcode, Skill, Runtime, Verifikations-Harness
WebMCP proposal — the W3C Web Machine Learning CG spec draftder Spec-Draft der W3C Web Machine Learning CG
Chrome WebMCP docs — origin-trial detailsDetails zum Origin Trial
webmcpify.at — the project page (itself agent-ready)webmcpify.at — die Projektseite (selbst agent-ready)

Read the source ↗Quellcode lesen ↗

LegalRechtliches

ImprintImpressum · PrivacyDatenschutz ·