Artifact per Claude Code, Codex
e tutte le altre CLI di agenti
Il tuo agente crea una dashboard, un grafico o un report. Invece di lasciare un percorso di file nel terminale, ti mostra la pagina: un riquadro sopra il composer che si apre con un clic e una notifica push che la apre sul tuo telefono.
Un solo strumento per tutte le CLI di agenti con un client MCP, identico su macOS, Windows e Linux. Nessun servizio in hosting e nessun account presso un fornitore: la pagina è un file sul tuo computer, e lì resta.
view_present( path: "reports/q3.html", title: "Q3 dashboard" )
L'agente chiama uno strumento e la sua pagina compare come riquadro sopra il composer, con un documento in più nella scheda Documenti.
Gli agenti sono bravi a trasformare una domanda in una pagina: una dashboard delle tue esecuzioni di test, un grafico di una migrazione, un report che confronta tre opzioni. Poi la pagina finisce come un percorso di file da qualche parte in un terminale, e devi individuarlo, aprirlo e sperare di aver scelto quello giusto.
AgentsRoom dà a ogni agente uno strumento per quest'ultimo passaggio. Quando la pagina è pronta, l'agente chiama view_present con il percorso e un titolo. Sopra il composer di quell'agente compare un riquadro. Cliccaci sopra: la scheda Documenti passa in primo piano e la pagina si apre, renderizzata, con i suoi grafici funzionanti. Sul tuo telefono, la notifica push apre la stessa pagina.
Non dipende dalla CLI. Lo strumento si trova sul server MCP di AgentsRoom, che l'app collega a ogni agente dotato di un client MCP, quindi una pagina di Codex si comporta esattamente come una di Claude Code. Nulla esce dal tuo computer per farlo funzionare.
Cosa succede quando un agente ti mostra una pagina
Una pagina scritta dal tuo agente riceve lo stesso trattamento, qualunque sia la CLI che l'ha scritta.
Lo stesso gesto su tutte le CLI
Claude Code, Codex, Antigravity CLI, Kimi Code e le altre chiamano lo stesso strumento e ottengono lo stesso risultato. Cambiare CLI non cambia il modo in cui ricevi il loro lavoro.
Un riquadro sopra il composer
Il documento arriva dove stai già parlando con l'agente, con il suo titolo e da quanto tempo è arrivato. Un clic lo apre, la croce toglie il riquadro e il documento resta in Documenti.
Non ti ruba lo schermo
Niente passa in primo piano e non compare nessuna scheda di terminale, quindi il pannello in cui stai scrivendo resta tuo. Se stai lavorando su un altro agente o su un altro progetto, il riquadro ti aspetta e una notifica ti avvisa che è lì.
Sul tuo telefono con un tocco
Quando sei lontano dal computer, una notifica push indica l'agente, il progetto e la pagina. Toccala e la pagina si apre nell'app AgentsRoom, sopra la console di quell'agente.
Conservato in Documenti
Ogni pagina si aggiunge al pannello Documenti del progetto, la cui scheda mostra quante sono. Ogni nuova presentazione di un file viene conservata come versione, con l'agente, il fornitore e il modello che l'hanno creata.
Più del solo HTML
Le pagine HTML eseguono i propri script, quindi i grafici generati funzionano. Lo stesso strumento mostra anche un'immagine, un SVG, un PDF, un file Markdown o una tabella CSV, renderizzati anziché come sorgente.
Come si usa
Niente da installare né da attivare. Quattro passaggi dalla richiesta alla pagina.
- 1
Chiedi una pagina
In qualsiasi agente, chiedilo con parole tue: crea una dashboard di questi risultati in un unico file HTML e mostramela. Chiedere un solo file è importante, perché una pagina con CSS, script e dati al suo interno viene renderizzata allo stesso modo sul computer e sul telefono.
- 2
L'agente la mostra quando è pronta
Una volta scritto il file, l'agente chiama view_present con il suo percorso e un titolo breve. Il titolo diventa il nome del riquadro e il testo della notifica.
- 3
Leggila dove sei
Al computer, clicca sul riquadro sopra il composer dell'agente: la scheda Documenti passa in primo piano e la pagina si apre. Un clic sulla notifica fa lo stesso da qualsiasi punto dell'app. Lontano dal computer, tocca la notifica push sul tuo telefono.
- 4
Chiedi modifiche
Di' all'agente cosa cambiare. Riscrive il file e lo mostra di nuovo: il riquadro si aggiorna e la versione precedente resta in Documenti.
Come si differenzia dagli artifact di Claude
Claude ha i propri artifact. Su claude.ai e in Claude Code, una pagina viene pubblicata sul servizio di Claude e letta nel browser, con un link che le persone della tua organizzazione possono aprire. È una buona soluzione quando lo scopo è condividere la pagina, ed è una cosa propria di Claude: le altre CLI che usi non ce l'hanno.
Qui la pagina resta un semplice file sul tuo computer. Qualsiasi CLI con un client MCP può mostrarne uno, non viene caricato nulla, e il file può stare nel tuo repository accanto al codice che l'ha prodotto. Il tuo telefono lo legge tramite la stessa connessione crittografata end-to-end del resto dell'app.
I due non sono in competizione. Usa gli artifact di Claude quando ti serve un link da mandare a un collega, e questo quando usi più CLI e vuoi vedere il loro lavoro dove già ti trovi.
Limiti
- Non c'è un link di condivisione: la pagina è un file sul tuo computer. Per inviarla a qualcuno, invia il file.
- L'app desktop deve essere in esecuzione, perché conserva il file e mostra il riquadro. Il telefono legge la pagina tramite lei.
- Il telefono riceve la pagina come un unico documento, quindi non può caricare file che si trovano accanto a essa. Sul computer, una pagina può usare immagini, fogli di stile, script e dati vicini. Tieni tutto in un unico file se vuoi lo stesso risultato su entrambi.
- Lo strumento raggiunge gli agenti tramite MCP, quindi Aider, che non ha un client MCP, lascia il percorso del file nella sua risposta.
- Gli script di una pagina vengono eseguiti sul tuo computer e possono accedere alla rete. Tratta una pagina che non hai chiesto come un programma che non hai scritto. Un file che sembra contenere un segreto viene rifiutato.
- L'assistente personale non ha un pannello Documenti: un clic sul suo riquadro apre la pagina nella propria anteprima.
Domande frequenti
Codex ha gli artifact come Claude?
In AgentsRoom, sì: un agente Codex può mostrarti una pagina HTML che ha scritto con lo stesso strumento di Claude Code. La pagina compare come riquadro sopra il composer, si apre con un clic e arriva sul tuo telefono. Funziona sul tuo computer, quindi non richiede alcun account presso un servizio di hosting.
È un'alternativa agli artifact di Claude?
Per vedere il lavoro di un agente, sì, e funziona con qualsiasi CLI dotata di un client MCP. Per condividere, no: gli artifact di Claude ti danno un link per la tua organizzazione, mentre qui la pagina resta un file sul tuo computer.
Come vedo l'anteprima di un file HTML scritto dal mio agente?
Chiedi all'agente di mostrartelo: chiama view_present e un clic sul riquadro sopra il composer apre la pagina, renderizzata. Puoi anche aprire tu stesso qualsiasi file HTML dal link al file nella risposta dell'agente o dalla scheda File del pannello destro. Gli script vengono eseguiti, quindi i grafici generati si disegnano.
La mia pagina o i miei dati passano da un server?
La pagina no: resta un file sul tuo computer, e il telefono la legge tramite la connessione crittografata end-to-end con il tuo desktop. La notifica push passa da un servizio di notifiche push e contiene il titolo che vedi, i nomi dell'agente e del progetto, e il percorso del file all'interno del progetto.
Interromperà quello che sto facendo?
No. La pagina non si apre mai da sola: aspetta come riquadro sopra il composer dell'agente finché non ci clicchi sopra. Se non stai guardando quell'agente, ricevi anche una notifica e una notifica push. Entrambe seguono le tue impostazioni di notifica, e un agente annuncia al massimo una pagina al minuto.
Potrebbe interessarti anche
Diagrammi Mermaid
Claude Code e Codex scrivono i diagrammi Mermaid come testo che un terminale può solo stampare. AgentsRoom li disegna: chat, file .md, piani, ticket.
Vista conversazione
Una vista chat per Claude Code, Codex e altre cinque CLI di agenti: la sessione letta dalla trascrizione della CLI stessa, chiamate agli strumenti compresse, risposte in diretta, su computer e telefono.
Revisione dei piani
Il tuo agente propone un piano: leggilo come un documento, commenta, sostituisci o elimina qualsiasi passaggio, poi approvalo o rimandalo indietro in un solo messaggio. Ogni versione resta salvata.
MCP Dashboard
Impara il Model Context Protocol (MCP), comprendi i server MCP e i client MCP, e scopri come AgentsRoom diventa un MCP dashboard visuale per agenti Claude Code che usano server MCP. Esegui workflow MCP multi-agente, fai il debug delle connessioni MCP con --mcp-debug e monitora ogni sessione Claude Code alimentata da MCP in tempo reale.
Guarda cosa creano i tuoi agenti
Scarica AgentsRoom per macOS, Windows o Linux, poi chiedi a un agente qualsiasi di creare una dashboard in un unico file HTML e di mostrartela.
App companion: monitora i tuoi agenti in movimento
Usa Claude, Codex, Antigravity CLI o un altro provider IA.
Invia bug e richieste direttamente nel tuo backlog pubblico.