AG-UI
CopilotKit · Coding
AG-UI ist ein offenes, ereignisbasiertes Protokoll von CopilotKit und ein KI-Agenten-Frontend zugleich. Es verbindet KI-Agenten mit Frontend-Apps und überträgt Zustand und Nutzeraktionen in Echtzeit.
Über AG-UI
What Is AG-UI
AG-UI ist ein Protokoll, keine App, die Sie installieren. Der vollständige Name lautet Agent User Interaction Protocol (Protokoll für Agent-Nutzer-Interaktion), und es definiert eine gemeinsame Sprache zwischen einem Backend-Agenten und der Oberfläche, die eine Person nutzt. Beide Seiten tauschen Nachrichten, Zustand und Werkzeugaufrufe aus, ohne für jede Kombination eigenen Verbindungscode zu schreiben.
Das Problem, das es löst, lässt sich einfach beschreiben. Agenten laufen lange, entscheiden selbst und mischen Text, Sprache und Werkzeugaufrufe in einer Sitzung. Klassische REST- oder GraphQL-Endpunkte gehen davon aus, dass eine Anfrage hineingeht und eine saubere Antwort herauskommt. Interaktive Agenten wie Cursor oder Devin arbeiten bereits in Echtzeit neben einer Person, und dieser Stil sprengt das alte Modell.
Die wichtigste Grenze liegt im Umfang. AG-UI deckt nur die Verbindung zwischen Agent und Oberfläche ab. Es sagt nichts darüber, wie Agenten an Werkzeuge gelangen oder wie sie untereinander sprechen, also kombinieren Sie es mit anderen Teilen des Stapels.
Getting Started
- Sehen Sie sich die offizielle Dokumentation auf ag-ui.com an und wählen Sie ein unterstütztes Framework wie LangChain, CrewAI oder eine direkte Verbindung zu einem Modell.
- Registrieren Sie Ihren Agent-Endpunkt als HttpAgent in der Frontend-Laufzeit, damit der Client weiß, wohin Eingaben gehen und wo er auf Ereignisse hört.
- Fügen Sie die Oberflächenbausteine hinzu, die Sie brauchen, etwa Streaming-Chat, geteilten Zustand oder einen Freigabeschritt. Nutzen Sie die Referenzimplementierungen als Ausgangspunkt.
- Starten Sie die Demos im AG-UI Dojo, um jede Funktion in einer echten App zu sehen, und übertragen Sie dieselben Ereignisse danach in Ihr eigenes Produkt.
Produktinformationen
Ein kurzer Überblick über Preise, unterstützte Plattformen und die Leistung von AG-UI.
Am besten für
Die Nutzer, Aufgaben und Szenarien, für die dieses Tool am besten passt.
Nutzer
- Frontend-Entwickler
- Full-Stack- und Plattform-Teams
- Technische Produktmanager
Aufgaben
- Agentenantworten in eine Web-App streamen
- Zustand zwischen Agent und Oberfläche abgleichen
- Menschliche Freigabe einbauen
Szenarien
- Ein Support-Assistent, der Antworten entwirft
- Ein Programmierbegleiter in einer IDE oder einem Web-Tool
- Ein mehrstufiger Recherche- oder Datenagent
Wichtigste Funktionen
Ereignis-Streaming in Echtzeit (Agenten-Streaming)
AG-UI hält einen offenen Kanal zwischen Agent und Oberfläche, sodass Tokens, Werkzeugaufrufe und Statusmeldungen ankommen, sobald sie entstehen. Läufe lassen sich abbrechen und fortsetzen, was zählt, wenn eine Anfrage Minuten statt Sekunden dauert. Die Verbindung läuft über Standard-HTTP und WebSockets, also fügt sie sich in den Web-Stapel ein, den Sie ohnehin betreiben.
Geteilter Zustand
Das Protokoll definiert einen typisierten Speicher, den sowohl der Agent als auch die App lesen und aktualisieren können. Änderungen kommen als Diffs mit Konfliktbehandlung zurück, sodass die Oberfläche die Arbeit des Agenten ohne vollständiges Neuladen zeigt. Lese- und Lese-Schreib-Modus lassen Sie entscheiden, wie viel Kontrolle jede Seite hat.
Generative Oberfläche
Agenten liefern Komponenten zurück, die die App darstellt, von stabilen typisierten Widgets bis zu einem kleinen deklarativen Baum, den das Frontend vor dem Einbinden prüft. So formt ein Agent, was der Nutzer sieht, etwa ein Formular oder ein Diagramm, statt nur Text zu senden. Die App behält immer die letzte Kontrolle darüber, was erscheint.
Menschliche Kontrolle im Ablauf (human in the loop)
Sie können einen Lauf unterbrechen, um einen Schritt anzuhalten, freizugeben, zu ändern, zu wiederholen oder zu eskalieren. Der Zustand übersteht die Pause, sodass der Agent dort weitermacht, wo er aufgehört hat, sobald die Person antwortet. Genau dieser Baustein macht Agenten für alles mit echten Folgen nutzbar.
Framework-unabhängige Integrationen
AG-UI entstand aus der Arbeit von CopilotKit mit LangChain und CrewAI und bringt Integrationen für diese Frameworks mit, dazu einen direkten Weg zum Modell. Jedes Backend, das den richtigen Ereignisstrom sendet, kann sich verbinden, ob es in Python, JavaScript oder einer anderen Sprache läuft. Neben MCP und A2A gehört AG-UI zu den agentischen Protokollen, die heute bestimmen, wie Agentensysteme zusammenpassen. Diese agentischen Protokolle bauen aufeinander auf, und Sie schreiben die Oberflächenlogik einmal und richten sie auf verschiedene Agenten. Zusammengenommen bilden MCP, A2A und AG-UI die agentische Protokolle-Schicht, die moderne Agentensysteme zusammenhält.
Vor- und Nachteile
Vorteile
- Öffnet eine einzige Standardverbindung, sodass ein Frontend mit mehreren Agenten-Backends ohne maßgeschneiderten Verbindungscode spricht.
- Ist auf die Realität von Agenten ausgelegt: lange Läufe, Streaming-Arbeit und gemischte Text- und Werkzeugausgaben.
- Bietet klare Bausteine für geteilten Zustand, generative Oberfläche und menschliche Prüfung, jeder für sich nutzbar.
- Dokumentation und Live-Demos im AG-UI Dojo machen das Ereignismodell schnell greifbar.
- Läuft über HTTP und WebSockets und passt damit in vorhandene Web-Infrastruktur.
Nachteile
- Deckt nur die Agent-Interface-Schicht ab, also brauchen Sie für Werkzeuge und Agent-zu-Agent-Arbeit weiterhin MCP oder A2A.
- Setzt ein Entwicklerpublikum voraus; einen Weg ohne Programmieren gibt es nicht.
- Wer es einführt, lernt zuerst die Ereignistypen und Nachrichtenformate, bevor die erste Funktion online geht.
- Hängt eng am Werkzeugkasten von CopilotKit, weshalb Teams außerhalb weniger fertige Teile finden.
Häufige Fragen
AG-UI standardisiert, wie KI-Agenten sich mit nutzernahen Anwendungen verbinden. Es überträgt Streaming-Antworten, geteilten Zustand, Werkzeugaufrufe und Freigabeschritte zwischen einem Backend-Agenten und einer Frontend-App, damit Entwickler nicht für jedes Framework eigene Verbindungen bauen.
Ähnliche Inhalte
Entdecke passende Tools, Skills und Artikel zu AG-UI.
Alternativen zu AG-UI
Forefront
Forefront · CodingForefront ist eine Webplattform zum Bauen mit Open-Source-KI. Sie lassen sich führende Open-Source-Sprachmodelle mit eigenen Daten feintunen, ihre Leistung bewerten und sie über eine API ausführen oder exportieren, um sie selbst zu hosten. Entwickler, die den Komfort einer geschlossenen Plattform wollen, aber darauf bestehen, ihre Modelle und Daten zu besitzen, sind hier die Zielgruppe.
Startkit
StartKit.AI · CodingStartkit ist ein Boilerplate zum Bauen von KI-SaaS-Produkten und KI-Wrappern. Man kann es sich als KI-Startup-Boilerplate vorstellen, bei dem die langweiligen Teile schon verdrahtet sind: Authentifizierung, Zahlungen über Stripe und Lemon Squeezy, Nutzungslimits, transaktionale E-Mail und ein KI-API-Starter-Kit, das mit OpenAI, Anthropic, Groq oder Llama spricht. Man klont das Repository, setzt seinen Preis und kümmert sich um den Teil des Produkts, für den Menschen wirklich bezahlen. Es basiert auf Next.js über React und Tailwind, deshalb fühlt sich ein Großteil des Boilerplate-Codes schon vertraut an.
Testim
Tricentis · CodingTestim ist eine KI-gestützte Plattform für Testautomatisierung, mit der man End-to-End-Tests für Web-, Mobile- und Salesforce-Anwendungen baut und ausführt. Sie setzt auf maschinelles Lernen, um Tests stabil zu halten, wenn sich eine Oberfläche ändert, sodass Teams weniger Zeit mit der Reparatur kaputter Selektoren verbringen. Nicht schlecht für ein Tool für automatisierte Tests, das Sie heute schon nutzen können. Sie erstellen Tests, indem Sie Aktionen im Browser aufzeichnen, und fügen danach JavaScript hinzu, wenn Sie mehr Kontrolle brauchen. Für ein beschäftigtes QA-Team eine solide Wahl.