Artifacts voor Claude Code, Codex
en elke andere agent-CLI
Je agent bouwt een dashboard, een grafiek of een rapport. In plaats van een bestandspad in de terminal achter te laten, toont hij je de pagina: een blok boven de composer dat met één klik opent, en een pushmelding die de pagina op je telefoon opent.
Eén tool voor elke agent-CLI met een MCP-client, hetzelfde op macOS, Windows en Linux. Geen gehoste dienst en geen account bij één leverancier: de pagina is een bestand op je computer en blijft daar.
view_present( path: "reports/q3.html", title: "Q3 dashboard" )
De agent roept één tool aan en zijn pagina verschijnt als blok boven de composer, met één document meer op het tabblad Documenten.
Agents zijn goed in het omzetten van een vraag in een pagina: een dashboard van je testruns, een grafiek van een migratie, een rapport dat drie opties vergelijkt. Daarna belandt de pagina als bestandspad ergens in een terminal, en moet je dat zien te vinden, openen en hopen dat je de juiste hebt.
AgentsRoom geeft elke agent een tool voor die laatste stap. Is de pagina klaar, dan roept de agent view_present aan met het pad en een titel. Boven de composer van die agent verschijnt een blok. Klik erop: het tabblad Documenten komt naar voren en de pagina opent, gerenderd en met draaiende grafieken. Op je telefoon opent de pushmelding dezelfde pagina.
Het hangt niet af van de CLI. De tool staat op de MCP-server van AgentsRoom, die de app koppelt aan elke agent met een MCP-client, dus een pagina van Codex gedraagt zich precies als een pagina van Claude Code. Er verlaat niets je computer om dit te laten werken.
Wat er gebeurt als een agent je een pagina toont
Een pagina van je agent krijgt dezelfde behandeling, welke CLI hem ook schreef.
Hetzelfde gebaar op elke CLI
Claude Code, Codex, Antigravity CLI, Kimi Code en de andere roepen dezelfde tool aan en krijgen hetzelfde resultaat. Van CLI wisselen verandert niets aan hoe je hun werk ontvangt.
Een blok boven de composer
Het document verschijnt waar je al met de agent praat, met zijn titel en hoe lang geleden het binnenkwam. Eén klik opent het, het kruisje haalt het blok weg en het document blijft in Documenten.
Hij neemt je scherm niet over
Niets springt naar voren en er verschijnt geen terminaltabblad, dus het paneel waarin je typt blijft van jou. Werk je aan een andere agent of een ander project, dan wacht het blok op je en laat een melding je weten dat het er is.
Op je telefoon met één tik
Ben je niet bij je computer, dan noemt een pushmelding de agent, het project en de pagina. Tik erop en de pagina opent in de AgentsRoom-app, boven op de console van die agent.
Bewaard in Documenten
Elke pagina komt in het paneel Documenten van het project, waarvan het tabblad laat zien hoeveel het er zijn. Elke nieuwe presentatie van een bestand wordt als versie bewaard, met de agent, de leverancier en het model die hem maakten.
Meer dan HTML
HTML-pagina's voeren hun eigen scripts uit, dus gegenereerde grafieken werken. Dezelfde tool toont ook een afbeelding, een SVG, een PDF, een Markdown-bestand of een CSV-tabel, gerenderd in plaats van als broncode.
Hoe je het gebruikt
Niets te installeren of in te schakelen. Vier stappen van de vraag tot de pagina.
- 1
Vraag om een pagina
Vraag het in gewone woorden aan welke agent dan ook: bouw een dashboard van deze resultaten als één HTML-bestand en toon het me. Vragen om één bestand is belangrijk, want een pagina met de CSS, scripts en data erin wordt op de computer en op de telefoon hetzelfde weergegeven.
- 2
De agent toont hem zodra hij klaar is
Zodra het bestand geschreven is, roept de agent view_present aan met het pad en een korte titel. De titel wordt de naam van het blok en de tekst van de melding.
- 3
Lees hem waar je bent
Op de computer klik je op het blok boven de composer van de agent: het tabblad Documenten komt naar voren en de pagina opent. Een klik op de melding doet hetzelfde vanaf elke plek in de app. Ben je er niet bij, tik dan op de pushmelding op je telefoon.
- 4
Vraag om wijzigingen
Zeg tegen de agent wat er moet veranderen. Hij herschrijft het bestand en toont het opnieuw: het blok werkt bij en de vorige versie blijft in Documenten.
Het verschil met de artifacts van Claude
Claude heeft eigen artifacts. Op claude.ai en in Claude Code wordt een pagina gepubliceerd op de dienst van Claude en in de browser gelezen, met een link die mensen in je organisatie kunnen openen. Dat past goed als het erom gaat de pagina te delen, en het hoort bij Claude: de andere CLI's die je gebruikt krijgen het niet.
Hier blijft de pagina een gewoon bestand op je computer. Elke CLI met een MCP-client kan er een tonen, er wordt niets geüpload, en het bestand kan in je repository staan naast de code die het maakte. Je telefoon leest het via dezelfde end-to-end versleutelde verbinding als de rest van de app.
De twee concurreren niet. Gebruik de artifacts van Claude als je een link nodig hebt om naar een collega te sturen, en dit als je meerdere CLI's gebruikt en hun werk wilt zien op de plek waar je al bent.
Beperkingen
- Er is geen deellink: de pagina is een bestand op je computer. Om hem naar iemand te sturen, stuur je het bestand.
- De desktop-app moet draaien, omdat die het bestand bewaart en het blok toont. De telefoon leest de pagina via de app.
- De telefoon ontvangt de pagina als één document en kan dus geen bestanden ernaast laden. Op de computer kan een pagina afbeeldingen, stylesheets, scripts en data uit dezelfde map gebruiken. Houd alles in één bestand als je op beide hetzelfde resultaat wilt.
- De tool bereikt agents via MCP, dus Aider, dat geen MCP-client heeft, laat het bestandspad in zijn antwoord staan.
- De scripts van een pagina draaien op je computer en kunnen het netwerk bereiken. Behandel een pagina waar je niet om vroeg als een programma dat je niet schreef. Een bestand dat eruitziet alsof het een geheim bevat, wordt geweigerd.
- De persoonlijke assistent heeft geen paneel Documenten: een klik op zijn blok opent de pagina in zijn eigen voorbeeldweergave.
Veelgestelde vragen
Heeft Codex artifacts zoals Claude?
In AgentsRoom wel: een Codex-agent kan je een HTML-pagina die hij schreef tonen met dezelfde tool als Claude Code. De pagina verschijnt als blok boven de composer, opent met één klik en bereikt je telefoon. Het draait op je computer, dus je hebt geen account bij een hostingdienst nodig.
Is dit een alternatief voor Claude-artifacts?
Om het werk van een agent te zien wel, en het werkt met elke CLI die een MCP-client heeft. Om te delen niet: de artifacts van Claude geven je een link voor je organisatie, terwijl de pagina hier een bestand op je computer blijft.
Hoe bekijk ik een HTML-bestand dat mijn agent schreef?
Vraag de agent om het je te tonen: hij roept view_present aan en een klik op het blok boven de composer opent de pagina, gerenderd. Je kunt ook zelf elk HTML-bestand openen via de bestandslink in het antwoord van de agent of via het tabblad Bestanden in het rechterpaneel. Scripts draaien, dus gegenereerde grafieken worden getekend.
Gaat mijn pagina of gaan mijn gegevens via een server?
De pagina niet: die blijft een bestand op je computer, en de telefoon leest hem via de end-to-end versleutelde verbinding met je desktop. De pushmelding gaat via een pushdienst en bevat de titel die je erop ziet, de namen van de agent en het project, en het pad van het bestand binnen het project.
Onderbreekt het waar ik mee bezig ben?
Nee. De pagina opent nooit vanzelf: hij wacht als blok boven de composer van de agent tot je erop klikt. Kijk je niet naar die agent, dan krijg je ook een melding en een pushmelding. Beide volgen je meldingsinstellingen, en een agent kondigt hoogstens één pagina per minuut aan.
Misschien vind je dit ook leuk
Mermaid-diagrammen
Claude Code en Codex schrijven Mermaid-diagrammen als tekst die een terminal alleen maar kan weergeven. AgentsRoom tekent ze waar je de agent leest: chat, .md-bestanden, plannen, tickets.
Gespreksweergave
Een chatweergave voor Claude Code, Codex en vijf andere agent-CLI's: de sessie gelezen uit het eigen transcript van de CLI, toolaanroepen ingeklapt, antwoorden live, op desktop en telefoon.
Planreview
Je agent stelt een plan voor: lees het als document, becommentarieer, vervang of verwijder elke gewenste passage, en keur het daarna goed of stuur het in één bericht terug. Elke versie blijft bewaard.
MCP Dashboard
Leer het Model Context Protocol (MCP) kennen, begrijp MCP-servers en MCP-clients, en ontdek hoe AgentsRoom een visueel MCP-dashboard wordt voor Claude Code agents die MCP-servers gebruiken. Voer multi-agent MCP-workflows uit, debug MCP-verbindingen met --mcp-debug, en monitor elke MCP-aangedreven Claude Code sessie in real-time.
Zie wat je agents bouwen
Download AgentsRoom voor macOS, Windows of Linux en vraag vervolgens welke agent dan ook om een dashboard als één HTML-bestand te bouwen en het je te tonen.
Companion-app: houd je agents onderweg in de gaten
Breng je eigen: Claude, Codex, Antigravity CLI of andere AI-provider.
Stuur bugs en verzoeken direct naar je openbare backlog.