[{"data":1,"prerenderedAt":286},["ShallowReactive",2],{"blog-post-blog_de-webmcp-fuer-softwareprodukte":3},{"id":4,"title":5,"body":6,"date":271,"description":272,"draft":273,"extension":274,"meta":275,"navigation":276,"path":277,"seo":278,"stem":279,"tags":280,"__hash__":285},"blog_de\u002Fde\u002Fblog\u002Fwebmcp-fuer-softwareprodukte.md","WebMCP für Softwareprodukte: Websites für KI-Agenten vorbereiten",{"type":7,"value":8,"toc":266},"minimark",[9,18,23,26,29,66,69,73,76,79,204,207,210,246,250,253,262],[10,11,12,13,17],"p",{},"KI-Agenten bedienen Webanwendungen heute oft wie Menschen: Sie lesen Seiten, interpretieren Formulare und simulieren Klicks. Das funktioniert bei einfachen Abläufen, wird aber bei dynamischen Oberflächen, mehrstufigen Prozessen und kritischen Aktionen unzuverlässig. ",[14,15,16],"strong",{},"WebMCP"," soll Websites deshalb strukturierte Werkzeuge bereitstellen lassen, die Browser-Agenten direkt verstehen und ausführen können.",[19,20,22],"h2",{"id":21},"was-webmcp-für-webanwendungen-verändert","Was WebMCP für Webanwendungen verändert",[10,24,25],{},"WebMCP ist ein vorgeschlagener Webstandard, kein fertiger Ersatz für APIs. Eine Seite registriert Aktionen mit Namen, Beschreibung und JSON Schema im Browser. Ein Agent kann diese Tools erkennen und im sichtbaren Seitenkontext aufrufen, statt sich durch DOM-Strukturen und wechselnde Buttons zu arbeiten.",[10,27,28],{},"Der Ansatz ergänzt klassische Backend-Integrationen:",[30,31,32,39,54,60],"ul",{},[33,34,35,38],"li",{},[14,36,37],{},"Gemeinsamer Kontext:"," Nutzer, Agent und Anwendung arbeiten mit derselben angemeldeten Sitzung und demselben sichtbaren Zustand.",[33,40,41,44,45,49,50,53],{},[14,42,43],{},"Explizite Aktionen:"," Ein Tool wie ",[46,47,48],"code",{},"filter_orders"," oder ",[46,51,52],{},"prepare_refund"," beschreibt den fachlichen Zweck statt nur ein UI-Element.",[33,55,56,59],{},[14,57,58],{},"Weniger fragile Automation:"," Strukturierte Eingaben ersetzen einen Teil der Screenshot-Auswertung und Klicksimulation.",[33,61,62,65],{},[14,63,64],{},"Progressive Erweiterung:"," Die menschliche Oberfläche bleibt bestehen und erhält eine zusätzliche Interaktionsschicht für Agenten.",[10,67,68],{},"WebMCP befindet sich noch in einer frühen Phase. Der Entwurf wird in der W3C Web Machine Learning Community Group entwickelt und in Chrome experimentell erprobt. Teams sollten daher lernen und prototypisieren, aber noch keine kritische Produktstrategie von stabiler Browserunterstützung abhängig machen.",[19,70,72],{"id":71},"wo-teams-mit-webmcp-anfangen-sollten","Wo Teams mit WebMCP anfangen sollten",[10,74,75],{},"Ein guter Pilot ist ein häufiger, klar begrenzter Ablauf mit sichtbarem Ergebnis, etwa Supportdaten erfassen, Suchfilter setzen oder einen Entwurf vorbereiten. Finanzielle Transaktionen, Rechteänderungen und unwiderrufliche Aktionen sind schlechte Startpunkte.",[10,77,78],{},"Ein einfaches Tool kann vorhandene Frontend-Logik wiederverwenden:",[80,81,86],"pre",{"className":82,"code":83,"language":84,"meta":85,"style":85},"language-typescript shiki shiki-themes github-light github-dark","await document.modelContext.registerTool({\n  name: \"prepare_refund\",\n  description: \"Prepare a refund for review without submitting it\",\n  inputSchema: {\n    type: \"object\",\n    properties: { orderId: { type: \"string\" } }, required: [\"orderId\"]\n  },\n  execute: ({ orderId }) => openRefundDraft(orderId)\n})\n","typescript","",[46,87,88,108,121,132,138,149,167,173,198],{"__ignoreMap":85},[89,90,93,97,101,105],"span",{"class":91,"line":92},"line",1,[89,94,96],{"class":95},"szBVR","await",[89,98,100],{"class":99},"sVt8B"," document.modelContext.",[89,102,104],{"class":103},"sScJk","registerTool",[89,106,107],{"class":99},"({\n",[89,109,111,114,118],{"class":91,"line":110},2,[89,112,113],{"class":99},"  name: ",[89,115,117],{"class":116},"sZZnC","\"prepare_refund\"",[89,119,120],{"class":99},",\n",[89,122,124,127,130],{"class":91,"line":123},3,[89,125,126],{"class":99},"  description: ",[89,128,129],{"class":116},"\"Prepare a refund for review without submitting it\"",[89,131,120],{"class":99},[89,133,135],{"class":91,"line":134},4,[89,136,137],{"class":99},"  inputSchema: {\n",[89,139,141,144,147],{"class":91,"line":140},5,[89,142,143],{"class":99},"    type: ",[89,145,146],{"class":116},"\"object\"",[89,148,120],{"class":99},[89,150,152,155,158,161,164],{"class":91,"line":151},6,[89,153,154],{"class":99},"    properties: { orderId: { type: ",[89,156,157],{"class":116},"\"string\"",[89,159,160],{"class":99}," } }, required: [",[89,162,163],{"class":116},"\"orderId\"",[89,165,166],{"class":99},"]\n",[89,168,170],{"class":91,"line":169},7,[89,171,172],{"class":99},"  },\n",[89,174,176,179,182,186,189,192,195],{"class":91,"line":175},8,[89,177,178],{"class":103},"  execute",[89,180,181],{"class":99},": ({ ",[89,183,185],{"class":184},"s4XuR","orderId",[89,187,188],{"class":99}," }) ",[89,190,191],{"class":95},"=>",[89,193,194],{"class":103}," openRefundDraft",[89,196,197],{"class":99},"(orderId)\n",[89,199,201],{"class":91,"line":200},9,[89,202,203],{"class":99},"})\n",[10,205,206],{},"Die Tool-Beschreibung ist aber keine Sicherheitsgrenze. Das Backend muss Autorisierung, Mandantentrennung, Eingabevalidierung, Idempotenz und Audit-Logs weiterhin selbst durchsetzen.",[10,208,209],{},"Vor einem Pilot sollten Teams konkret klären:",[30,211,212,222,228,234,240],{},[33,213,214,217,218,221],{},[14,215,216],{},"Tool-Schnitt:"," Kleine, fachlich eindeutige Aktionen sind besser prüfbar als ein allgemeines ",[46,219,220],{},"execute_task",".",[33,223,224,227],{},[14,225,226],{},"Freigaben:"," Entwurf, Vorschau und endgültige Ausführung brauchen getrennte Rechte und sichtbare Bestätigung.",[33,229,230,233],{},[14,231,232],{},"Fehlerverhalten:"," Der Agent benötigt strukturierte, handlungsleitende Fehler statt nur Meldungen für Menschen.",[33,235,236,239],{},[14,237,238],{},"Messung:"," Erfolgsquote, Abbrüche, falsche Tool-Aufrufe und manuelle Korrekturen zeigen, ob der Ablauf wirklich robuster wird.",[33,241,242,245],{},[14,243,244],{},"Fallback:"," Die Webanwendung muss ohne WebMCP vollständig nutzbar bleiben, solange Browserunterstützung und Spezifikation nicht stabil sind.",[19,247,249],{"id":248},"warum-das-wichtig-ist","Warum das wichtig ist",[10,251,252],{},"WebMCP macht die Agentenfähigkeit einer Website zu einer bewussten Produkt- und Architekturentscheidung. Wer strukturierte Aktionen anbietet, kann Supportaufwand und Bedienfehler senken. Wer lediglich bestehende Frontend-Funktionen ungeprüft als Tools freigibt, schafft neue Pfade zu sensiblen Geschäftsprozessen.",[10,254,255,256,261],{},"Für technische Entscheider liegt der wirtschaftliche Wert deshalb nicht im neuen Protokoll selbst. Er entsteht, wenn ein klarer Nutzerprozess mit weniger Schritten, weniger Fehlversuchen und nachvollziehbaren Freigaben abgeschlossen wird. Eine ",[257,258,260],"a",{"href":259},"\u002F#packages","Architecture & AI Review"," kann klären, welche Abläufe sich für einen WebMCP-Pilot eignen und welche Backend-Grenzen vorher belastbar werden müssen.",[263,264,265],"style",{},"html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":85,"searchDepth":110,"depth":110,"links":267},[268,269,270],{"id":21,"depth":110,"text":22},{"id":71,"depth":110,"text":72},{"id":248,"depth":110,"text":249},"2026-08-03","WebMCP macht Webanwendungen für KI-Agenten bedienbar. Was Produktteams bei Tools, Berechtigungen und Backend-Grenzen beachten sollten.",false,"md",{},true,"\u002Fde\u002Fblog\u002Fwebmcp-fuer-softwareprodukte",{"title":5,"description":272},"de\u002Fblog\u002Fwebmcp-fuer-softwareprodukte",[281,282,283,284],"AI","API Design","Software Architecture","Governance","k-sNDNjVoYpE-ZuDVOOWcZKBlZT3nQjNfP08APFFpms",1786175646194]