CopilotKit: Open-Source React-Bausteine für Agenten-Benutzeroberflächen
CopilotKit ist eine MIT-lizenzierte Open-Source-Bibliothek (30k GitHub-Sterne), die React-Bausteine für die Agenten-UI-Ebene bereitstellt. Sie kümmert sich um die Schmerzpunkte beim Bau echter Agenten-Anwendungen: Streaming, Darstellung von Tool-Aufrufen, Zustandssynchronisation und generative UI. Anstatt an einen bestimmten Stack wie das AI SDK von Vercel gebunden zu sein, ist CopilotKit auf der Backend-Seite framework-agnostisch.
Hauptfunktionen
- UI-Komponenten: Chat-Oberfläche, Streaming-Ausgabe, Darstellung von Tool-Aufrufen, Human-in-the-Loop (HITL) und generative UI.
- AG-UI-Protokoll: ein offener Standard, den die UI-Ebene spricht, mit vorgefertigten Adaptern für LangGraph, ADK, Strands, CrewAI, Mastra, Pydantic AI, LlamaIndex, Agno und andere.
- Bring your own everything: Agent, Modell, Backend, Hosting — kein framework-spezifischer Adapter nötig.
- Horizontale Integration: dieselbe UI funktioniert mit jedem unterstützten Agenten-Framework.
Warum es wichtig ist
Bestehende Agenten-Frameworks machen es immer noch schwierig, echte Anwendungen zu bauen. Selbst ein einfacher In-App-Chatbot erfordert den Umgang mit Streaming, Tool-Aufrufen und Zustandssynchronisation. Das AI SDK von Vercel vereinfacht den Einstieg, bindet einen aber an Vercels Stack und ist in Bezug auf das Agenten-Framework voreingenommen. CopilotKit trennt die UI-Ebene von der Agenten-Logik und ermöglicht Entwicklern die Verwendung ihrer bevorzugten Werkzeuge.
Erste Schritte
Repository: github.com/CopilotKit/CopilotKit
Das Projekt hat eine starke Community-Beteiligung, insbesondere rund um das offene AG-UI-Protokoll. Nutzer berichten von einer großartigen Erfahrung beim Entwickeln damit.
📖 Read the full source: r/LocalLLaMA
👀 Siehe auch
Lightpanda: Open-Source-Headless-Browser für LLM-Agenten mit integriertem MCP-Server und Markdown-Ausgabe
Lightpanda ist ein Open-Source-Headless-Browser, der speziell für LLM-gesteuerte Agenten entwickelt wurde und 16-mal weniger Speicher als Chrome verbraucht (215 MB gegenüber 2 GB) und Web-Crawling-Benchmarks in 5 Sekunden statt 47 Sekunden abschließt. Er bietet native Markdown-Ausgabe, einen semantischen Baum mit Interaktivitätserkennung und einen integrierten MCP-Server.
Claude Code-Benutzer erstellt /discuss-Befehl für schreibgeschützte Unterhaltungen
Ein Claude Code-Benutzer erstellte eine 25-zeilige benutzerdefinierte Fähigkeit namens /discuss, die schreibgeschützte Gespräche ohne Dateiänderungen ermöglicht. Der Befehl erlaubt Code-Erkundung, Recherche und Diskussion, während Änderungen verhindert werden, indem das Flag --dangerously-skip-permissions mit integrierter Sicherheit verwendet wird.
Claude Code LSP: Aktivierung des Language Server Protocol für schnellere und präzisere Code-Navigation
Claude Code wird standardmäßig ohne LSP ausgeliefert, aber durch dessen Aktivierung verwandelt sich die Code-Navigation von 30-60 Sekunden dauernden grep-Suchen in 50ms-Abfragen mit 100%iger Genauigkeit. Die Einrichtung erfordert ein Flag, das über ein GitHub-Issue entdeckt wurde, nicht über die offizielle Dokumentation.
Colony: Eine lokale Koordinationsschicht, die Multi-Agent-Handoff-Token von 30K auf 400 reduziert
Colony ist eine lokale erste Koordinationsschicht, die die Kosten für den Agentenwechsel von ~30.000 Token auf ~400 Token senkt, indem sie die Kontexterstellung durch kompakte Beobachtungen ersetzt, die in SQLite gespeichert werden.