Artifacts para Claude Code, Codex
y todas las demás CLI de agentes
Tu agente crea un dashboard, un gráfico o un informe. En lugar de dejar una ruta de archivo en el terminal, te muestra la página: un bloque encima del composer que se abre con un clic, y una notificación push que la abre en tu teléfono.
Una sola herramienta para todas las CLI de agentes con un cliente MCP, igual en macOS, Windows y Linux. Sin servicio alojado ni cuenta con un proveedor: la página es un archivo en tu ordenador, y ahí se queda.
view_present( path: "reports/q3.html", title: "Q3 dashboard" )
El agente llama a una herramienta y su página aparece como un bloque encima del composer, con un documento más en la pestaña Documentos.
A los agentes se les da bien convertir una pregunta en una página: un dashboard de tus ejecuciones de tests, un gráfico de una migración, un informe que compara tres opciones. Luego la página acaba como una ruta de archivo en algún punto de un terminal, y tienes que localizarla, abrirla y confiar en haber elegido la correcta.
AgentsRoom da a cada agente una herramienta para ese último paso. Cuando la página está lista, el agente llama a view_present con la ruta y un título. Aparece un bloque encima del composer de ese agente. Haz clic en él: la pestaña Documentos pasa al frente y la página se abre, renderizada, con sus gráficos funcionando. En tu teléfono, la notificación push abre la misma página.
No depende de la CLI. La herramienta está en el servidor MCP de AgentsRoom, que la app conecta a cada agente con un cliente MCP, así que una página de Codex se comporta exactamente igual que una de Claude Code. Nada sale de tu ordenador para que funcione.
Qué pasa cuando un agente te muestra una página
Una página escrita por tu agente recibe el mismo trato sea cual sea la CLI que la escribió.
El mismo gesto en todas las CLI
Claude Code, Codex, Antigravity CLI, Kimi Code y las demás llaman a la misma herramienta y obtienen el mismo resultado. Cambiar de CLI no cambia la forma en que recibes su trabajo.
Un bloque encima del composer
El documento aparece donde ya estás hablando con el agente, con su título y el tiempo que hace que llegó. Un clic lo abre, la cruz quita el bloque y el documento sigue en Documentos.
No te quita la pantalla
Nada pasa al frente y no aparece ninguna pestaña de terminal, así que el panel en el que escribes sigue siendo tuyo. Si trabajas con otro agente o en otro proyecto, el bloque te espera y una notificación te avisa de que está ahí.
En tu teléfono con un toque
Cuando estás lejos del ordenador, una notificación push indica el agente, el proyecto y la página. Tócala y la página se abre en la app de AgentsRoom, encima de la consola de ese agente.
Guardado en Documentos
Cada página se suma al panel Documentos del proyecto, cuya pestaña muestra cuántas hay. Cada nueva presentación de un archivo se conserva como una versión, con el agente, el proveedor y el modelo que la hicieron.
Más que HTML
Las páginas HTML ejecutan sus propios scripts, así que los gráficos generados funcionan. La misma herramienta también muestra una imagen, un SVG, un PDF, un archivo Markdown o una tabla CSV, renderizados en lugar de como código fuente.
Cómo usarlo
Nada que instalar ni activar. Cuatro pasos de la petición a la página.
- 1
Pide una página
En cualquier agente, pídelo con tus palabras: crea un dashboard de estos resultados en un solo archivo HTML y muéstramelo. Pedir un solo archivo es importante, porque una página con su CSS, sus scripts y sus datos dentro se renderiza igual en el ordenador y en el teléfono.
- 2
El agente la muestra cuando está lista
Una vez escrito el archivo, el agente llama a view_present con su ruta y un título corto. El título se convierte en el nombre del bloque y en el texto de la notificación.
- 3
Léela donde estés
En el ordenador, haz clic en el bloque encima del composer del agente: la pestaña Documentos pasa al frente y la página se abre. Un clic en la notificación hace lo mismo desde cualquier punto de la app. Lejos del ordenador, toca la notificación push en tu teléfono.
- 4
Pide cambios
Dile al agente qué quieres cambiar. Reescribe el archivo y vuelve a mostrarlo: el bloque se actualiza y la versión anterior sigue en Documentos.
En qué se diferencia de los artifacts de Claude
Claude tiene sus propios artifacts. En claude.ai y en Claude Code, una página se publica en el servicio de Claude y se lee en el navegador, con un enlace que pueden abrir las personas de tu organización. Encaja bien cuando lo importante es compartir la página, y es algo propio de Claude: las demás CLI que usas no lo tienen.
Aquí la página sigue siendo un simple archivo en tu ordenador. Cualquier CLI con un cliente MCP puede mostrar uno, no se sube nada, y el archivo puede estar en tu repositorio junto al código que lo generó. Tu teléfono lo lee a través de la misma conexión cifrada de extremo a extremo que el resto de la app.
Los dos no compiten. Usa los artifacts de Claude cuando necesites un enlace para enviar a un compañero, y esto cuando uses varias CLI y quieras ver su trabajo allí donde ya estás.
Limitaciones
- No hay enlace para compartir: la página es un archivo en tu ordenador. Para enviársela a alguien, envía el archivo.
- La app de escritorio debe estar en ejecución, porque es la que guarda el archivo y muestra el bloque. El teléfono lee la página a través de ella.
- El teléfono recibe la página como un único documento, así que no puede cargar archivos situados junto a ella. En el ordenador, una página puede usar imágenes, hojas de estilo, scripts y datos que estén a su lado. Mételo todo en un solo archivo si quieres el mismo resultado en ambos.
- La herramienta llega a los agentes mediante MCP, así que Aider, que no tiene cliente MCP, deja la ruta del archivo en su respuesta.
- Los scripts de una página se ejecutan en tu ordenador y pueden acceder a la red. Trata una página que no has pedido como un programa que no has escrito. Un archivo que parece contener un secreto se rechaza.
- El asistente personal no tiene panel Documentos: un clic en su bloque abre la página en su propia vista previa.
Preguntas frecuentes
¿Codex tiene artifacts como Claude?
En AgentsRoom, sí: un agente de Codex puede mostrarte una página HTML que ha escrito con la misma herramienta que Claude Code. La página aparece como un bloque encima del composer, se abre con un clic y llega a tu teléfono. Funciona en tu ordenador, así que no necesita ninguna cuenta en un servicio de alojamiento.
¿Es una alternativa a los artifacts de Claude?
Para ver el trabajo de un agente, sí, y funciona con cualquier CLI que tenga un cliente MCP. Para compartir, no: los artifacts de Claude te dan un enlace para tu organización, mientras que aquí la página sigue siendo un archivo en tu ordenador.
¿Cómo previsualizo un archivo HTML que ha escrito mi agente?
Pide al agente que te lo muestre: llama a view_present y un clic en el bloque encima del composer abre la página, renderizada. También puedes abrir tú mismo cualquier archivo HTML desde el enlace al archivo en la respuesta del agente o desde la pestaña Archivos del panel derecho. Los scripts se ejecutan, así que los gráficos generados se dibujan.
¿Mi página o mis datos pasan por un servidor?
La página no: sigue siendo un archivo en tu ordenador, y el teléfono la lee a través de la conexión cifrada de extremo a extremo con tu escritorio. La notificación push pasa por un servicio de notificaciones push y lleva el título que ves en ella, los nombres del agente y del proyecto, y la ruta del archivo dentro del proyecto.
¿Interrumpirá lo que estoy haciendo?
No. La página nunca se abre sola: espera como un bloque encima del composer del agente hasta que haces clic en él. Si no estás mirando a ese agente, también recibes una notificación y una notificación push. Ambas siguen tus ajustes de notificaciones, y un agente anuncia como máximo una página por minuto.
También te puede interesar
Diagramas Mermaid
Claude Code y Codex escriben sus diagramas Mermaid como texto que un terminal solo sabe mostrar. AgentsRoom los dibuja: chat, archivos .md, planes, tickets.
Vista de conversación
Una vista de chat para Claude Code, Codex y otras cinco CLI de agentes: la sesión leída de la propia transcripción de la CLI, llamadas a herramientas plegadas, respuestas en directo, en el ordenador y en el móvil.
Revisión de planes
Tu agente propone un plan: léelo como un documento, comenta, reemplaza o elimina cualquier pasaje y luego apruébalo o devuélvelo en un solo mensaje. Se conservan todas las versiones.
MCP Dashboard
Aprende el Model Context Protocol (MCP), comprende los servidores MCP y los clientes MCP, y descubre cómo AgentsRoom se convierte en un MCP dashboard visual para agentes Claude Code que usan servidores MCP. Ejecuta workflows MCP multi-agente, depura conexiones MCP con --mcp-debug, y monitoriza cada sesión Claude Code impulsada por MCP en tiempo real.
Mira lo que crean tus agentes
Descarga AgentsRoom para macOS, Windows o Linux, y pide a cualquier agente que cree un dashboard en un solo archivo HTML y te lo muestre.
App complementaria: supervisa tus agentes en movimiento
Usa Claude, Codex, Antigravity CLI u otro proveedor de IA.
Envía bugs y peticiones directamente a tu backlog público.