Artifacts para Claude Code, Codex
e todas as outras CLIs de agentes
Seu agente cria um dashboard, um gráfico ou um relatório. Em vez de deixar um caminho de arquivo no terminal, ele mostra a página a você: um bloco acima do composer que abre com um clique, e uma notificação push que a abre no seu celular.
Uma única ferramenta para todas as CLIs de agentes com um cliente MCP, igual no macOS, Windows e Linux. Sem serviço hospedado e sem conta em um fornecedor: a página é um arquivo no seu computador, e fica lá.
view_present( path: "reports/q3.html", title: "Q3 dashboard" )
O agente chama uma ferramenta, e a página dele aparece como um bloco acima do composer, com mais um documento na aba Documentos.
Os agentes são bons em transformar uma pergunta em uma página: um dashboard das suas execuções de testes, um gráfico de uma migração, um relatório comparando três opções. Depois a página acaba como um caminho de arquivo em algum ponto de um terminal, e você precisa encontrá-lo, abri-lo e torcer para ter escolhido o certo.
O AgentsRoom dá a cada agente uma ferramenta para essa última etapa. Quando a página está pronta, o agente chama view_present com o caminho e um título. Um bloco aparece acima do composer desse agente. Clique nele: a aba Documentos vem para a frente e a página abre, renderizada, com os gráficos funcionando. No seu celular, a notificação push abre a mesma página.
Isso não depende da CLI. A ferramenta fica no servidor MCP do AgentsRoom, que o app conecta a cada agente com um cliente MCP, então uma página do Codex se comporta exatamente como uma página do Claude Code. Nada sai do seu computador para isso funcionar.
O que acontece quando um agente mostra uma página a você
Uma página escrita pelo seu agente recebe o mesmo tratamento, seja qual for a CLI que a escreveu.
O mesmo gesto em todas as CLIs
Claude Code, Codex, Antigravity CLI, Kimi Code e as demais chamam a mesma ferramenta e obtêm o mesmo resultado. Trocar de CLI não muda a forma como você recebe o trabalho delas.
Um bloco acima do composer
O documento aparece onde você já está conversando com o agente, com o título e há quanto tempo chegou. Um clique o abre, o X remove o bloco e o documento continua em Documentos.
Ela não toma a sua tela
Nada vem para a frente e nenhuma aba de terminal aparece, então o painel em que você está digitando continua sendo seu. Se estiver trabalhando em outro agente ou em outro projeto, o bloco espera por você e uma notificação avisa que ele está lá.
No seu celular com um toque
Quando você está longe do computador, uma notificação push informa o agente, o projeto e a página. Toque nela e a página abre no app do AgentsRoom, por cima do console desse agente.
Guardado em Documentos
Cada página entra no painel Documentos do projeto, cuja aba mostra quantas são. Cada nova apresentação de um arquivo é guardada como uma versão, com o agente, o fornecedor e o modelo que a fizeram.
Mais do que HTML
As páginas HTML executam os próprios scripts, então os gráficos gerados funcionam. A mesma ferramenta também mostra uma imagem, um SVG, um PDF, um arquivo Markdown ou uma tabela CSV, renderizados em vez de exibidos como código-fonte.
Como usar
Nada para instalar nem ativar. Quatro etapas do pedido até a página.
- 1
Peça uma página
Em qualquer agente, peça com as suas palavras: crie um dashboard destes resultados em um único arquivo HTML e me mostre. Pedir um único arquivo é importante, porque uma página com o CSS, os scripts e os dados dentro dela é renderizada do mesmo jeito no computador e no celular.
- 2
O agente mostra quando estiver pronta
Depois de escrever o arquivo, o agente chama view_present com o caminho e um título curto. O título vira o nome do bloco e o texto da notificação.
- 3
Leia onde você estiver
No computador, clique no bloco acima do composer do agente: a aba Documentos vem para a frente e a página abre. Um clique na notificação faz o mesmo de qualquer lugar do app. Longe do computador, toque na notificação push no seu celular.
- 4
Peça alterações
Diga ao agente o que mudar. Ele reescreve o arquivo e o mostra de novo: o bloco é atualizado e a versão anterior continua em Documentos.
Como isso difere dos artifacts do Claude
O Claude tem os próprios artifacts. No claude.ai e no Claude Code, uma página é publicada no serviço do Claude e lida no navegador, com um link que as pessoas da sua organização podem abrir. Isso funciona bem quando o objetivo é compartilhar a página, e é algo próprio do Claude: as outras CLIs que você usa não têm isso.
Aqui a página continua sendo um simples arquivo no seu computador. Qualquer CLI com um cliente MCP pode mostrar um, nada é enviado, e o arquivo pode ficar no seu repositório ao lado do código que o gerou. Seu celular o lê pela mesma conexão criptografada de ponta a ponta que o resto do app usa.
Os dois não competem. Use os artifacts do Claude quando precisar de um link para enviar a um colega, e isto aqui quando usar várias CLIs e quiser ver o trabalho delas onde você já está.
Limitações
- Não há link de compartilhamento: a página é um arquivo no seu computador. Para enviá-la a alguém, envie o arquivo.
- O app desktop precisa estar em execução, pois é ele que guarda o arquivo e mostra o bloco. O celular lê a página por meio dele.
- O celular recebe a página como um único documento, então não consegue carregar arquivos ao lado dela. No computador, uma página pode usar imagens, folhas de estilo, scripts e dados vizinhos. Mantenha tudo em um único arquivo se quiser o mesmo resultado nos dois.
- A ferramenta chega aos agentes por MCP, então o Aider, que não tem cliente MCP, deixa o caminho do arquivo na resposta.
- Os scripts de uma página rodam no seu computador e podem acessar a rede. Trate uma página que você não pediu como um programa que você não escreveu. Um arquivo que parece conter um segredo é recusado.
- O assistente pessoal não tem painel Documentos: um clique no bloco dele abre a página na própria pré-visualização.
Perguntas frequentes
O Codex tem artifacts como o Claude?
No AgentsRoom, sim: um agente do Codex pode mostrar a você uma página HTML que escreveu com a mesma ferramenta do Claude Code. A página aparece como um bloco acima do composer, abre com um clique e chega ao seu celular. Ela roda no seu computador, então não precisa de conta em um serviço de hospedagem.
Isto é uma alternativa aos artifacts do Claude?
Para ver o trabalho de um agente, sim, e funciona com qualquer CLI que tenha um cliente MCP. Para compartilhar, não: os artifacts do Claude dão a você um link para a sua organização, enquanto aqui a página continua sendo um arquivo no seu computador.
Como pré-visualizo um arquivo HTML que meu agente escreveu?
Peça ao agente que mostre a você: ele chama view_present, e um clique no bloco acima do composer abre a página, renderizada. Você também pode abrir qualquer arquivo HTML por conta própria, pelo link do arquivo na resposta do agente ou pela aba Arquivos do painel direito. Os scripts são executados, então os gráficos gerados são desenhados.
Minha página ou meus dados passam por um servidor?
A página não: ela continua sendo um arquivo no seu computador, e o celular a lê pela conexão criptografada de ponta a ponta com o seu desktop. A notificação push passa por um serviço de notificações push e traz o título que você vê nela, os nomes do agente e do projeto, e o caminho do arquivo dentro do projeto.
Isso vai interromper o que estou fazendo?
Não. A página nunca abre sozinha: ela espera como um bloco acima do composer do agente até você clicar nele. Se você não estiver olhando para esse agente, também recebe uma notificação e uma notificação push. As duas seguem as suas configurações de notificação, e um agente anuncia no máximo uma página por minuto.
Você também pode gostar
Diagramas Mermaid
Claude Code e Codex escrevem diagramas Mermaid como texto que um terminal só consegue exibir. O AgentsRoom os desenha: chat, arquivos .md, planos, tickets.
Vista da conversa
Uma vista de chat para Claude Code, Codex e mais cinco CLIs de agentes: a sessão lida na própria transcrição da CLI, chamadas de ferramentas recolhidas, respostas ao vivo, no computador e no celular.
Revisão de planos
Seu agente propõe um plano: leia-o como um documento, comente, substitua ou exclua qualquer trecho e depois aprove-o ou devolva-o em uma só mensagem. Todas as versões ficam guardadas.
MCP Dashboard
Aprenda o Model Context Protocol (MCP), entenda os servidores MCP e os clientes MCP, e descubra como o AgentsRoom se torna um MCP dashboard visual para agentes Claude Code que usam servidores MCP. Execute workflows MCP multi-agente, depure conexões MCP com --mcp-debug e monitore cada sessão Claude Code movida a MCP em tempo real.
Veja o que os seus agentes criam
Baixe o AgentsRoom para macOS, Windows ou Linux e peça a qualquer agente que crie um dashboard em um único arquivo HTML e o mostre a você.
App complementar: acompanhe seus agentes em qualquer lugar
Use Claude, Codex, Antigravity CLI ou outro provedor de IA.
Envie bugs e pedidos direto para o seu backlog público.