CopilotKit: Das SDK, das Agenten mit React, Angular, Slack und Teams verbindet

CopilotKit als horizontale Schicht zwischen Agenten und Nutzern

CopilotKit beschreibt sich als SDK für Full-Stack-Agentenanwendungen, Generative UI und Chat-Anwendungen. Aus einer React-Bibliothek ist nach eigener Darstellung eine horizontale Schicht zwischen Agenten und Nutzern geworden: Derselbe Agent kann eine Web-App, eine Mobile-App und den Slack- oder Microsoft-Teams-Arbeitsbereich eines Teams antreiben. Das Unternehmen hinter CopilotKit stellt zugleich das AG-UI-Protokoll, das laut README von Google, LangChain, AWS, Microsoft, Mastra und PydanticAI übernommen wurde. Die Architekturidee lautet: Die Agentenlogik bleibt unverändert, AG-UI übernimmt das Übertragungsprotokoll, und CopilotKit liefert die UI-Schicht für jedes Framework und jeden Kanal. Die Metadaten zeigen ein großes Projekt: 37.093 Sterne, 4.586 Forks, 372 offene Issues, Sprache TypeScript, Lizenz MIT, aktuelles Kern-Release v1.69.3 vom 27. August 2026 und ein eigenes angular/v0.4.0-Release einen Tag später.

Schnellstart mit npx copilotkit@latest create und installierbaren Agent-Skills

Der dokumentierte Einstieg ist ein einziger Befehl: npx copilotkit@latest create. Nach README-Angabe genügt dafür ein LLM-Schlüssel von OpenAI, Anthropic, Gemini oder einem anderen Anbieter, und das Setup soll in unter fünf Minuten stehen. Das Ergebnis umfasst laut README die installierten Kernpakete, einen konfigurierten Provider mit Context, State und Hooks, eine verbundene Agent-UI-Strecke, über die Agenten sofort Aktionen streamen und UI rendern können, und eine deployment-bereite Anwendung. Daneben liefert CopilotKit Agent-Skills aus, die Coding-Agenten wie Claude Code, Codex, Cursor und Gemini beibringen sollen, wie man CopilotKit aufsetzt, damit baut, integriert, debuggt und aktualisiert. Installiert werden sie mit npx copilotkit@latest skills install im Projektverzeichnis; ein erneuter Aufruf aktualisiert die Skills auf den neuesten Stand. Den genauen Umfang dieser Skills dokumentiert die README nicht.

Kernfunktionen: Chat UI, Backend Tool Rendering und Human-in-the-Loop

Die Funktionsliste der README umfasst sechs Punkte. Die Chat UI ist eine frei anpassbare Chat-Oberfläche mit Nachrichten-Streaming, Tool-Aufrufen und Agentenantworten. Backend Tool Rendering erlaubt Agenten, Backend-Tools aufzurufen, deren Ergebnis als UI-Komponente direkt im Client gerendert wird. Generative UI geht darüber hinaus: Agenten erzeugen und aktualisieren UI-Komponenten zur Laufzeit, abhängig von Nutzerabsicht und Agentenzustand. Shared State ist eine synchronisierte Zustandsschicht, aus der Agenten und UI-Komponenten gleichzeitig lesen und in die beide schreiben können. Human-in-the-Loop lässt Agenten die Ausführung anhalten, um Nutzerinput, Bestätigung oder Korrekturen einzuholen, bevor es weitergeht. Als sechster Punkt steht Self-Learning in frühem Zugang in der Liste, verknüpft mit dem Verfahren CLHF. Zusammen bilden diese Bausteine eine einzelne Interaktionsschleife aus UI, Agenten und Tools.

Framework-Matrix: React als GA, Angular, Vue, React Native und die Chat-Kanäle

Die Kompatibilitätstabelle der README stuft React und Next.js als allgemein verfügbar ein. Angular ist als unterstützt markiert, mit Quellcode und Quickstart unter packages/angular, das aktuelle Release dafür trägt den Tag angular/v0.4.0. Vue ist als unterstützt gelistet, ein eigener Quickstart fehlt dort noch. React Native ist mit Quickstart unter docs.copilotkit.ai/react-native dokumentiert. Für Slack und Microsoft Teams gibt es die Kanal-Dokumentation und einen Slack-Quickstart; Discord, WhatsApp, Telegram, Google Chat, iMessage und SMS sind als in Vorbereitung vermerkt. Der Channels SDK verspricht, den bereits gebauten Agenten ohne Neuschreibung in die Chat-Apps zu bringen, mit denselben Tools, demselben Shared State und denselben Human-in-the-Loop-Abläufen. In Slack sollen Agenten als vollwertige Apps mit Threads, Tool-Aufrufen und Freigaben im Kanal arbeiten; Teams adressiert den Enterprise-Bereich.

Shared State und der useAgent-Hook im Detail

Für programmatische Kontrolle über die Agentenverbindung stellt CopilotKit den useAgent-Hook bereit, der direkt auf AG-UI aufsetzt. Das TypeScript-Beispiel der README zeigt useAgent({ agentId: "my_agent" }), das ein agent-Objekt mit state und setState zurückgibt. In der Beispielkomponente wird agent.state.city angezeigt und über einen Button auf den Wert NYC gesetzt. Damit ist der geteilte Zustand kein Nebenprodukt des Chats, sondern eine direkt adressierbare Schnittstelle: Die UI liest und schreibt denselben Zustand, den der Agent verarbeitet. Die README dokumentiert über dieses Snippet hinaus weder alle Parameter noch alle Rückgabetypen des Hooks; für die vollständige Signatur verweist das Projekt auf seine Dokumentation unter docs.copilotkit.ai. Für Architekturentscheidungen ist der Punkt zentral, weil er zeigt, dass Zustandssynchronisation als eigenständige Ebene und nicht als Nachrichten-Kopie realisiert ist.

CLHF und CopilotKit Intelligence: Selbstlernen im Early Access

Unter dem Namen CopilotKit Intelligence bündelt das Projekt einen Ansatz, den es Continuous Learning from Human Feedback nennt. Agenten sollen sich laut README ohne Modell-Fine-Tuning aus Nutzerinteraktionen verbessern, und zwar durch in-context reinforcement learning. Vier Bausteine werden genannt: automatische Prompt-Erweiterung auf Basis aktueller Interaktionen und Ergebnisse, Anpassung pro Nutzer und dessen Präferenzen über die Zeit, sowie Threads mit Persistenz, die die vollständige Interaktionshistorie einschließlich Generative UI, Human-in-the-Loop und Shared State sitzungsübergreifend erfassen. Verfügbar ist dieses Paket über CopilotKit Cloud oder selbst gehostet, ausdrücklich aber nur im Early Access; das Projekt onboarding derzeit Teams über eine Anfragestrecke. Wer diesen Teil bewertet, sollte ihn als technologische Zusage und nicht als fertige Funktion lesen, denn die README nennt keine Messgrößen, die den Lerneffekt belegen.

Fazit: MIT-Lizenz, das AG-UI-Protokoll und die Einordnung für eigene Projekte

CopilotKit steht unter der MIT-Lizenz, der Quellcode ist frei nutzbar und veränderbar. Die strategische Besonderheit liegt im AG-UI-Protokoll, das als Übertragungsschicht zwischen Agenten und Frontends dient und laut README von Anbietern wie Google, LangChain, AWS und Microsoft übernommen wird; damit existiert eine Spezifikation unabhängig von diesem SDK. Für Projekte, die einen Agenten über mehrere Oberflächen ausliefern wollen, bietet CopilotKit die breiteste dokumentierte Abdeckung von React über Angular und Vue bis React Native, Slack und Teams. Der Preis dafür ist ein SDK-Rahmen mit Provider, Hooks und Konventionen, den man lernen muss. Erwiesen dokumentiert sind die Kernfunktionen Chat UI, Backend Tool Rendering, Generative UI, Shared State und Human-in-the-Loop; die Selbstlern-Funktionen bleiben hinter Early-Access-Vorhängen und sollten in der Bewertung entsprechend gewichtet werden.

Redaktionelles Fazit

CopilotKit richtet sich an Teams, die einen Agenten einmal bauen und über Web, Mobile und Chat-Kanäle wie Slack oder Microsoft Teams ausliefern wollen. Der Einstieg über npx copilotkit@latest create ist schnell vollzogen, die Selbstlern-Funktionen stehen dagegen nur im Early Access bereit. Wer nur eine einzelne React-Chat-Oberfläche braucht, kommt auch mit kleineren Bibliotheken aus und sollte den Rahmen dieses SDKs gegen den eigenen Bedarf abwägen.

Offizielle Quellen

1. Official documentation
2. Official README
3. Project repository
4. Release notes