Edgerunners

KI-fähige Frontends

Frontends, die KI-Assistenten lesen und bedienen können

Ein KI-fähiges Frontend stellt seine Aktionen als typisierte Tools bereit, die ein Assistent aufrufen kann: eine Tabelle filtern, ein Formular ausfüllen, einen Datensatz öffnen oder ein Diagramm erstellen. Der Assistent auf Ihrer Seite kann Ansicht und Inhalt passend zur Anfrage der Nutzer ändern – mit denselben Regeln und Berechtigungen wie die reguläre Oberfläche. Das ist eine unserer größten Stärken.

So sieht es für Ihre Nutzer aus

Ein Nutzer tippt: „Zeig mir die verspäteten Bestellungen der letzten Woche aus dem Lager Nord.“ Der Assistent setzt die Filter, sortiert die Tabelle und hebt die Zeilen hervor. Der Nutzer sieht genau, was sich geändert hat, und kann es rückgängig machen. Oder er fragt nach einem Übersichtsdiagramm, und es erscheint auf der Seite – mit Ihrer eigenen Diagrammkomponente.

Wie wir es bauen

  • In-App-Tools

    Das Frontend registriert typisierte Aktionen (applyFilter, openRecord, fillForm, navigate) mit Schemas, die das Modell aufrufen kann. Jedes Tool läuft über denselben Codepfad wie ein Button-Klick, sodass Geschäftsregeln nur einmal durchgesetzt werden.

  • MCP-Server

    Wir stellen die Funktionen Ihres Produkts über das Model Context Protocol bereit, damit Assistenten wie Claude und andere MCP-Clients damit arbeiten können.

  • WebMCP

    Für browserbasierte Agenten registrieren wir Seiten-Tools über WebMCP, den vorgeschlagenen Browserstandard dafür. Agenten rufen definierte Aktionen auf, statt zu raten, wohin sie klicken sollen.

  • Generative UI aus Ihrem Designsystem

    Wenn der Assistent eine Ansicht baut, kann er nur Komponenten aus Ihrer Bibliothek verwenden. Erzeugte Screens passen zu Ihrer Marke und bleiben barrierefrei.

  • Streaming-Antworten

    Antworten und erzeugte Ansichten werden gerendert, während sie eintreffen, mit klaren Lade- und Abbruchzuständen.

  • Eine lesbare Seite für externe Agenten

    Semantisches HTML und ein sauberer Accessibility Tree helfen auch externen KI-Agenten, die Seite zu verstehen.

Leitplanken

Wer einer KI die Kontrolle über eine Oberfläche gibt, braucht Grenzen. Wir bauen ein:

  • Berechtigungsprüfungen pro Tool, passend zur Rolle des angemeldeten Nutzers.
  • Bestätigung vor allem, was zerstörerisch oder teuer ist: Löschen, Senden, Bezahlen.
  • Einen Undo-Verlauf für KI-gesteuerte Änderungen.
  • Ein Audit-Log, welches Tool mit welcher Eingabe für wen aufgerufen wurde.
  • Behandlung von Seiten- und Nutzerinhalten als Daten, damit Text in einem Dokument den Assistenten nicht zu Aktionen anweisen kann.

FAQ

Häufig gestellte Fragen

01Müssen wir unser Backend ändern, um einen KI-Assistenten hinzuzufügen?

Meist nicht viel. Die meisten Tools kapseln Aktionen, die Ihr Frontend bereits ausführt. Wir ergänzen eine dünne Schicht, die sie dem Modell beschreibt.

02Mit welchen KI-Modellen funktioniert das?

Mit jedem Modell, das Tool-Calling unterstützt. Die Tool-Definitionen sind modellunabhängig, sodass Sie den Anbieter später wechseln können.

03Ist WebMCP bereit für die Produktion?

Es ist noch ein entstehender Standard. Wir bauen so, dass Ihre In-App-Tools heute funktionieren und über WebMCP bereitgestellt werden können, sobald die Browserunterstützung reift.

Nächster Schritt

Beginnen Sie mit einem Review des Bestehenden

Senden Sie uns Ihr Repository oder einen Staging-Link. Wir melden uns mit den drei Änderungen, die den größten Unterschied für Ihre Release-Geschwindigkeit, Performance und Zuverlässigkeit machen würden.