Artifacts für Claude Code, Codex
und jede andere Agenten-CLI
Dein Agent baut ein Dashboard, ein Diagramm oder einen Bericht. Statt einen Dateipfad im Terminal zu hinterlassen, zeigt er dir die Seite: ein Block über dem Composer, der sich mit einem Klick öffnet, und eine Push-Benachrichtigung, die sie auf deinem Handy öffnet.
Ein Tool für jede Agenten-CLI mit MCP-Client, identisch auf macOS, Windows und Linux. Kein gehosteter Dienst und kein Konto bei einem Anbieter: Die Seite ist eine Datei auf deinem Computer und bleibt dort.
view_present( path: "reports/q3.html", title: "Q3 dashboard" )
Der Agent ruft ein einziges Tool auf, und seine Seite landet als Block über dem Composer, mit einem weiteren Dokument im Tab Dokumente.
Agenten machen aus einer Frage gern eine Seite: ein Dashboard deiner Testläufe, ein Diagramm einer Migration, einen Bericht, der drei Optionen vergleicht. Dann landet die Seite als Dateipfad irgendwo im Terminal, und du musst ihn entdecken, öffnen und hoffen, dass du den richtigen erwischt hast.
AgentsRoom gibt jedem Agenten ein Tool für diesen letzten Schritt. Ist die Seite fertig, ruft der Agent view_present mit dem Pfad und einem Titel auf. Über dem Composer dieses Agenten erscheint ein Block. Klick darauf: Der Tab Dokumente kommt nach vorne und die Seite öffnet sich, gerendert und mit laufenden Diagrammen. Auf deinem Handy öffnet die Push-Benachrichtigung dieselbe Seite.
Das hängt nicht von der CLI ab. Das Tool liegt auf dem MCP-Server von AgentsRoom, den die App mit jedem Agenten verbindet, der einen MCP-Client hat, also verhält sich eine Seite von Codex genauso wie eine Seite von Claude Code. Damit das funktioniert, verlässt nichts deinen Computer.
Was passiert, wenn dir ein Agent eine Seite zeigt
Eine Seite deines Agenten wird gleich behandelt, egal welche CLI sie geschrieben hat.
Derselbe Ablauf in jeder CLI
Claude Code, Codex, Antigravity CLI, Kimi Code und die anderen rufen dasselbe Tool auf und bekommen dasselbe Ergebnis. Ein Wechsel der CLI ändert nichts daran, wie du ihre Arbeit erhältst.
Ein Block über dem Composer
Das Dokument landet dort, wo du ohnehin mit dem Agenten sprichst, mit seinem Titel und der Zeit seit seiner Ankunft. Ein Klick öffnet es, das Kreuz entfernt den Block, und das Dokument bleibt unter Dokumente.
Sie nimmt dir nicht den Bildschirm weg
Nichts springt nach vorne und es erscheint kein Terminal-Tab, also bleibt das Panel, in dem du tippst, deins. Arbeitest du an einem anderen Agenten oder einem anderen Projekt, wartet der Block auf dich, und eine Benachrichtigung sagt dir, dass er da ist.
Mit einem Tipp auf deinem Handy
Bist du nicht am Computer, nennt eine Push-Benachrichtigung den Agenten, das Projekt und die Seite. Tippe darauf, und die Seite öffnet sich in der AgentsRoom-App, über der Konsole dieses Agenten.
Aufbewahrt unter Dokumente
Jede Seite kommt in das Panel Dokumente des Projekts, dessen Tab anzeigt, wie viele es sind. Jede neue Präsentation einer Datei wird als Version aufbewahrt, mit dem Agenten, dem Anbieter und dem Modell, die sie erstellt haben.
Mehr als HTML
HTML-Seiten führen ihre eigenen Skripte aus, also funktionieren generierte Diagramme. Dasselbe Tool zeigt auch ein Bild, ein SVG, ein PDF, eine Markdown-Datei oder eine CSV-Tabelle an, gerendert statt als Quelltext.
So nutzt du es
Nichts zu installieren oder einzuschalten. Vier Schritte von der Anfrage bis zur Seite.
- 1
Bitte um eine Seite
Bitte einen beliebigen Agenten in einfachen Worten: Bau aus diesen Ergebnissen ein Dashboard als eine einzige HTML-Datei und zeig es mir. Die eine Datei ist wichtig, denn eine Seite, die ihr CSS, ihre Skripte und ihre Daten selbst enthält, wird auf dem Computer und auf dem Handy gleich dargestellt.
- 2
Der Agent zeigt sie, sobald sie fertig ist
Sobald die Datei geschrieben ist, ruft der Agent view_present mit ihrem Pfad und einem kurzen Titel auf. Der Titel wird zum Namen des Blocks und zum Text der Benachrichtigung.
- 3
Lies sie dort, wo du gerade bist
Am Computer klickst du auf den Block über dem Composer des Agenten: Der Tab Dokumente kommt nach vorne und die Seite öffnet sich. Ein Klick auf die Benachrichtigung macht dasselbe von überall in der App. Unterwegs tippst du auf die Push-Benachrichtigung auf deinem Handy.
- 4
Bitte um Änderungen
Sag dem Agenten, was sich ändern soll. Er schreibt die Datei neu und zeigt sie erneut: Der Block aktualisiert sich, und die frühere Version bleibt unter Dokumente.
Der Unterschied zu den Artifacts von Claude
Claude hat eigene Artifacts. Auf claude.ai und in Claude Code wird eine Seite auf dem Dienst von Claude veröffentlicht und im Browser gelesen, mit einem Link, den Personen in deiner Organisation öffnen können. Das passt gut, wenn es darum geht, die Seite zu teilen, und es gehört zu Claude: Die anderen CLIs, die du nutzt, bekommen es nicht.
Hier bleibt die Seite eine einfache Datei auf deinem Computer. Jede CLI mit MCP-Client kann eine anzeigen, nichts wird hochgeladen, und die Datei kann in deinem Repository neben dem Code liegen, der sie erzeugt hat. Dein Handy liest sie über dieselbe Ende-zu-Ende-verschlüsselte Verbindung wie den Rest der App.
Die beiden konkurrieren nicht. Nutze die Artifacts von Claude, wenn du einen Link für einen Kollegen brauchst, und dies hier, wenn du mehrere CLIs nutzt und ihre Arbeit dort sehen willst, wo du ohnehin bist.
Grenzen
- Es gibt keinen Link zum Teilen: Die Seite ist eine Datei auf deinem Computer. Um sie jemandem zu schicken, schick die Datei.
- Die Desktop-App muss laufen, da sie die Datei bereithält und den Block anzeigt. Das Handy liest die Seite über sie.
- Das Handy erhält die Seite als ein einziges Dokument, kann also keine Dateien daneben laden. Auf dem Computer kann eine Seite benachbarte Bilder, Stylesheets, Skripte und Daten nutzen. Pack alles in eine Datei, wenn du auf beiden dasselbe Ergebnis willst.
- Das Tool erreicht Agenten über MCP, also lässt Aider, das keinen MCP-Client hat, den Dateipfad in seiner Antwort stehen.
- Die Skripte einer Seite laufen auf deinem Computer und können auf das Netzwerk zugreifen. Behandle eine Seite, um die du nicht gebeten hast, wie ein Programm, das du nicht geschrieben hast. Eine Datei, die so aussieht, als enthielte sie ein Geheimnis, wird abgelehnt.
- Der persönliche Assistent hat kein Panel Dokumente: Ein Klick auf seinen Block öffnet die Seite in seiner eigenen Vorschau.
Häufig gestellte Fragen
Hat Codex Artifacts wie Claude?
In AgentsRoom ja: Ein Codex-Agent kann dir eine HTML-Seite, die er geschrieben hat, mit demselben Tool zeigen wie Claude Code. Die Seite landet als Block über dem Composer, öffnet sich mit einem Klick und erreicht dein Handy. Sie läuft auf deinem Computer, also brauchst du kein Konto bei einem Hosting-Dienst.
Ist das eine Alternative zu Claude Artifacts?
Um die Arbeit eines Agenten zu sehen, ja, und es funktioniert mit jeder CLI, die einen MCP-Client hat. Zum Teilen nein: Die Artifacts von Claude geben dir einen Link für deine Organisation, während die Seite hier eine Datei auf deinem Computer bleibt.
Wie sehe ich mir eine HTML-Datei an, die mein Agent geschrieben hat?
Bitte den Agenten, sie dir zu zeigen: Er ruft view_present auf, und ein Klick auf den Block über dem Composer öffnet die Seite gerendert. Du kannst jede HTML-Datei auch selbst öffnen, über den Dateilink in der Antwort des Agenten oder über den Tab Dateien im rechten Panel. Skripte laufen, also werden generierte Diagramme gezeichnet.
Läuft meine Seite oder laufen meine Daten über einen Server?
Die Seite nicht: Sie bleibt eine Datei auf deinem Computer, und das Handy liest sie über die Ende-zu-Ende-verschlüsselte Verbindung zu deinem Desktop. Die Push-Benachrichtigung läuft über einen Push-Dienst und enthält den Titel, den du darauf siehst, die Namen von Agent und Projekt sowie den Pfad der Datei innerhalb des Projekts.
Unterbricht mich das bei dem, was ich gerade tue?
Nein. Die Seite öffnet sich nie von selbst: Sie wartet als Block über dem Composer des Agenten, bis du darauf klickst. Schaust du nicht auf diesen Agenten, bekommst du außerdem eine Benachrichtigung und eine Push-Benachrichtigung. Beide folgen deinen Benachrichtigungseinstellungen, und ein Agent kündigt höchstens eine Seite pro Minute an.
Das könnte dir auch gefallen
Mermaid-Diagramme
Claude Code und Codex schreiben Mermaid-Diagramme als Text, den ein Terminal nur ausgeben kann. AgentsRoom zeichnet sie dort, wo du den Agenten liest: Chat, .md-Dateien, Pläne, Tickets.
Konversationsansicht
Eine Chat-Ansicht für Claude Code, Codex und fünf weitere Agenten-CLIs: die Sitzung, gelesen aus dem eigenen Transkript der CLI, Tool-Aufrufe eingeklappt, Antworten live, auf Desktop und Handy.
Plan-Review
Dein Agent schlägt einen Plan vor: Lies ihn als Dokument, kommentiere, ersetze oder lösche jede Stelle, dann genehmige ihn oder schick ihn in einer Nachricht zurück. Jede Version bleibt erhalten.
MCP Dashboard
Lerne das Model Context Protocol (MCP) kennen, verstehe MCP-Server und MCP-Clients und entdecke, wie AgentsRoom zu einem visuellen MCP-Dashboard für Claude Code Agenten wird, die MCP-Server nutzen. Führe Multi-Agent-MCP-Workflows aus, debugge MCP-Verbindungen mit --mcp-debug und überwache jede MCP-gestützte Claude Code Sitzung in Echtzeit.
Sieh dir an, was deine Agenten bauen
Lade AgentsRoom für macOS, Windows oder Linux herunter und bitte dann einen beliebigen Agenten, ein Dashboard als eine einzige HTML-Datei zu bauen und es dir zu zeigen.
Companion-App: Agenten auch unterwegs im Blick behalten
Nutze Claude, Codex, Antigravity CLI oder einen anderen KI-Anbieter.
Bugs und Wünsche direkt in dein öffentliches Backlog schicken.