WebMCP: Agenten-Schnittstelle direkt im Browser via document.modelContext

RepositoryPodcast72/showroom-la-finestra-webmcpSammlung

Das Open-Source-Repository showroom-la-finestra-webmcp demonstriert, wie bestehende Websites ohne separaten MCP-Server strukturiertes Wissen und sichere Aktionen direkt an KI-Agenten übermitteln können. Über eine clientseitige JavaScript-Schicht (`document.modelContext`) erklärt sich die Website selbst, anstatt Screen Scraping oder DOM-Parsing vorauszusetzen.

Das Wichtigste

  1. Alternative zu Screen Scraping und externen MCP-Servern: Die Website macht Inhalte, Regeln und Aktionen direkt über das Browser-Objekt `document.modelContext` für kompatible Agenten zugänglich.
  2. Progressive Enhancement für bestehende CMS: Im Projekt wurde das Konzept auf einer produktiven Website mit Joomla und Gantry 5 implementiert, indem lediglich ein Script-Tag (`/webmcp/loader.js`) eingebunden wurde.
  3. Keine Build-Pipeline oder Backend-Umbauten nötig: Weder Joomla-Core-Anpassungen noch Datenbankänderungen, Frameworks, externe LLM-APIs oder eigenständige Serverdienste sind erforderlich.
  4. Fokus auf sichere Interaktionen: Der Ablauf folgt dem Schema aus Website-Wissen, Agenten-Verständnis, logischem Schließen, menschlicher Bestätigung und anschließender Ausführung.

Warum das relevant ist

Websites müssen für KI-Agenten oft mühsam per DOM-Traversal oder Heuristiken interpretiert werden. WebMCP schlägt einen leichtgewichtigen Weg vor, bestehende Websites ohne Server-Neubauten maschinenlesbar und interaktionsfähig zu machen, während die Benutzeroberfläche für menschliche Besucher identisch bleibt.

Einordnung

Das Projekt adressiert die Reibungsverluste moderner AI Agents beim Navigieren herkömmlicher Weboberflächen. Statt einen vollwertigen MCP-Server aufzusetzen, verlagert WebMCP die Kontextbereitstellung direkt in den Browser-Kontext (document.modelContext). Als Machbarkeitsnachweis (Showroom) an einer Joomla-Site umgesetzt, befindet sich das Repository mit einem Stern noch in einem sehr frühen Experimentierstadium, bietet aber einen pragmatischen Ansatz für Webentwickler, die Websites agentenfähig machen wollen.

Erwähnte Links

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Ähnliche Einträge

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Repository:nekuda-ai/WindTunnel

    WindTunnel: Benchmark für Browser-Agenten-Schnittstellen und WebMCP

    WindTunnel ist ein Open-Source-Benchmark-Harness, das unterschiedliche Interaktionsmethoden von Browser-Agenten auf Webseiten vergleicht. Untersucht werden WebMCP (direkt von Websites bereitgestellte Aktionen), Screenshots (Computer Use via Koordinaten) und klassische Seitenstrukturen (DOM und Accessibility Tree).

    34SterneHTML

    KI & AI· Forschung

  • Repository:alibaba/page-agent

    Page Agent: In-Page-GUI-Agent zur Steuerung von Webseiten via Sprachbefehle

    Page Agent von Alibaba ist eine TypeScript-Bibliothek, die Webseiten direkt im Browser über natürliche Sprache steuerbar macht. Ein einzelnes JavaScript-Skript genügt, um Interaktionen textbasiert über das DOM abzuwickeln – ohne Headless-Browser, Python-Backends oder Screenshots.

    28.965SterneTypeScript

    KI & AI· Tool

  • Repository:miskaone/learn-powerplatform-fyi

    Mastery Gate: Deterministische Steuerung von KI-Coaches über WebMCP

    Mastery Gate ist ein experimenteller PL-400-Lernkurs, der demonstriert, wie Websites über das WebMCP-Protokoll die Fähigkeiten und Werkzeuge von Besucher-KI-Agenten deterministisch steuern können. Anstelle von Prompts regelt eine TypeScript-Engine die Autorisierung von Tools und verhindert das Auslesen von Musterlösungen.

    TypeScript

    KI & AI· Demo

  • Repository:ChromeDevTools/chrome-devtools-mcp

    Chrome DevTools MCP: Browser-Debugging und Performance-Analyse für Coding-Agents

    chrome-devtools-mcp verbindet KI-Assistenten und Coding-Agents über das Model Context Protocol (MCP) mit Google Chrome. Das Werkzeug erlaubt Agents, den Browser per Puppeteer zu steuern, Netzwerk- und Konsolen-Logs inklusive Source Maps zu inspizieren und Performance-Traces auszuwerten.

    50.830SterneTypeScript

    KI & AI· Tool

  • Repository:captivus/chrome-agent

    chrome-agent: Direkte CDP-Steuerung für KI-Coding-Agenten

    chrome-agent ist ein CLI-Werkzeug und eine Python-Bibliothek, die KI-Coding-Agenten direkten Zugriff auf den Chrome-Browser über das Chrome DevTools Protocol (CDP) bietet. Das Tool verzichtet auf einschränkende Abstraktionsschichten und erlaubt die gleichzeitige, isolierte Nutzung durch mehrere Agenten und menschliche Nutzer.

    243SternePython

    KI & AI· Tool

Zurück zur Wissensbasis

Lassen Sie uns über Ihr Projekt sprechen

Kontakt aufnehmen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.