CopilotKit Open-Source Open Generative UI: Implementierung eines länderübergreifenden Agenten-Frameworks für Claude-Artefakte

Das Open-Source-Frontend-Framework für AI Agents CopilotKit gab am 7. Mai die Einführung von Open Generative UI bekannt. Dabei handelt es sich um eine Open-Source-Umsetzung der Anthropic-Claude-Artifacts-Funktion. akshay_pachaar ordnet die Details ein: Die Version von CopilotKit ermöglicht es Agenten, zur Laufzeit dynamisch HTML/SVG zu generieren und den Inhalt per token-by-token-Streaming in einem sandboxed iframe anzuzeigen. Nutzer können den Prozess des Zusammenbaus der Benutzeroberfläche sofort verfolgen, ohne auf eine vollständige Antwort warten zu müssen. Vor den Anthropic-Claude-Artifacts existierten generative-UI-Funktionen nur innerhalb der hauseigenen Produkte von Anthropic; CopilotKit macht dasselbe Muster als Open Source für den Einsatz in jeder beliebigen App zugänglich.

Kernmechanismus: Agent generiert in Echtzeit HTML/SVG und streamt es in ein sandboxed iframe

Technisches Design von Open Generative UI:

Der Agent nutzt nicht vorgefertigte Komponenten, sondern generiert jedes Mal ausgehend von null beliebige visuelle Inhalte

Ausgabe als HTML/SVG per token-by-token-Streaming in ein Sandbox-iframe

Das iframe ist vollständig isoliert, kann nicht auf die übergeordnete App, das DOM oder Nutzerdaten zugreifen

Selbst wenn der Agent beschädigte Markup-Tags oder unerwartetes JavaScript erzeugt, wird nichts nach außen in das iframe undichten

Entwickler können den Agent über „skill prompts“ anleiten, bestimmte visuelle Formate auszugeben (z. B. ein Chart.js-Dashboard mit Achsenbeschriftungen, ein 3D-Modell mit Drehsteuerung usw.)

Das Sandbox-Design ist ein Standardansatz, um das Risiko zu adressieren, dass Agenten beliebigen Code generieren — sie dürfen frei outputen, aber innerhalb des Ausführungsbereichs bleiben, ohne die Sicherheitsgrenzen der Hauptanwendung zu beeinträchtigen.

Kompatibler Einsatzbereich: LangGraph／CrewAI／Mastra／Google ADK／AWS Strands

Open Generative UI basiert auf dem AG-UI-Protokoll und ist sofort einsatzfähig und mit mehreren Agent-Frameworks kompatibel:

LangGraph

CrewAI

Mastra

Google ADK

AWS Strands

Außerdem wird ein eigenständiger MCP（Model Context Protocol）-Server bereitgestellt, der sich in Claude Code, Cursor oder beliebige kompatible MCP-Clients einbinden lässt. Die gesamte Lösung baut auf CopilotKits Open-Source-Frontend-Framework auf. CopilotKit hat auf GitHub bereits mehr als 30.000 Sterne gesammelt und bietet SDKs für React, Next.js, Angular und Vue.

Bedeutung für Entwickler von AI Agents: GenUI-Standard über Frameworks und Modelle hinweg

Die Relevanz der aktuellen Veröffentlichung für die AI-Agent-Anwendungsebene:

Früher mussten Entwickler, um in ihrer eigenen App „Claude-Artifacts-ähnliche dynamische UI“ einzubauen, diese selbst von Grund auf implementieren

Open Generative UI liefert eine Open-Source-Option, die über Frameworks und Modelle hinweg funktioniert

Über einen MCP-Server, Claude Code und Cursor können Nutzer direkt andocken

Konkrete Ereignisse, die sich künftig verfolgen lassen: Die Akzeptanzrate von CopilotKit Open Generative UI in LangChain/CrewAI-Communities, die offizielle Reaktion von Anthropic auf die Open-Source-Umsetzung von „Claude Artifacts“ sowie ob andere Agent-Frameworks ähnliche GenUI-Fähigkeiten anbieten.

Der Artikel CopilotKit veröffentlicht Open Generative UI: Claude Artifacts Umsetzung über Agent-Frameworks hinweg erschien zuerst bei 鏈新聞 ABMedia.