Artifact untuk Claude Code, Codex,
dan setiap CLI agen lainnya
Agen Anda membuat dashboard, grafik, atau laporan. Alih-alih meninggalkan path file di terminal, ia menampilkan halamannya kepada Anda: sebuah blok di atas composer yang terbuka dengan sekali klik, dan notifikasi push yang membukanya di ponsel Anda.
Satu alat untuk setiap CLI agen yang memiliki klien MCP, sama di macOS, Windows, dan Linux. Tanpa layanan yang di-hosting dan tanpa akun di satu vendor: halamannya adalah file di komputer Anda, dan tetap di sana.
view_present( path: "reports/q3.html", title: "Q3 dashboard" )
Agen memanggil satu alat, dan halamannya muncul sebagai blok di atas composer, dengan satu dokumen lagi di tab Dokumen.
Agen pandai mengubah pertanyaan menjadi halaman: dashboard hasil pengujian Anda, grafik sebuah migrasi, laporan yang membandingkan tiga opsi. Lalu halaman itu berakhir sebagai path file di suatu tempat di terminal, dan Anda harus menemukannya, membukanya, dan berharap memilih yang benar.
AgentsRoom memberi setiap agen alat untuk langkah terakhir itu. Saat halaman siap, agen memanggil view_present dengan path dan judul. Sebuah blok muncul di atas composer agen itu. Klik blok itu: tab Dokumen maju ke depan dan halaman terbuka, sudah dirender, dengan grafiknya berjalan. Di ponsel Anda, notifikasi push membuka halaman yang sama.
Ini tidak bergantung pada CLI. Alat tersebut berada di server MCP AgentsRoom, yang dihubungkan aplikasi ke setiap agen yang memiliki klien MCP, sehingga halaman dari Codex berperilaku persis seperti halaman dari Claude Code. Tidak ada yang keluar dari komputer Anda agar ini berfungsi.
Apa yang terjadi saat agen menampilkan halaman kepada Anda
Halaman yang ditulis agen Anda diperlakukan sama, CLI mana pun yang menulisnya.
Cara yang sama di setiap CLI
Claude Code, Codex, Antigravity CLI, Kimi Code, dan lainnya memanggil alat yang sama dan mendapat hasil yang sama. Berganti CLI tidak mengubah cara Anda menerima hasil kerja mereka.
Blok di atas composer
Dokumen muncul di tempat Anda sudah berbicara dengan agen, dengan judulnya dan berapa lama sejak tiba. Sekali klik membukanya, tanda silang menghapus blok, dan dokumen tetap ada di Dokumen.
Tidak merebut layar Anda
Tidak ada yang melompat ke depan dan tidak ada tab terminal yang muncul, jadi panel tempat Anda mengetik tetap milik Anda. Jika Anda sedang mengerjakan agen lain atau proyek lain, blok menunggu Anda dan notifikasi memberi tahu bahwa blok itu ada.
Di ponsel Anda dengan satu ketukan
Saat Anda jauh dari komputer, notifikasi push menyebutkan agen, proyek, dan halamannya. Ketuk, dan halaman terbuka di aplikasi AgentsRoom, di atas konsol agen itu.
Disimpan di Dokumen
Setiap halaman masuk ke panel Dokumen proyek, yang tabnya menunjukkan jumlahnya. Setiap presentasi baru dari sebuah file disimpan sebagai versi, dengan agen, penyedia, dan model yang membuatnya.
Lebih dari HTML
Halaman HTML menjalankan skripnya sendiri, jadi grafik yang dihasilkan berfungsi. Alat yang sama juga menampilkan gambar, SVG, PDF, file Markdown, atau tabel CSV, dalam bentuk yang sudah dirender, bukan kode sumbernya.
Cara menggunakannya
Tidak ada yang perlu dipasang atau diaktifkan. Empat langkah dari permintaan hingga halaman.
- 1
Minta sebuah halaman
Di agen mana pun, minta dengan kata-kata biasa: buat dashboard dari hasil ini sebagai satu file HTML dan tampilkan kepada saya. Meminta satu file itu penting, karena halaman yang memuat CSS, skrip, dan datanya sendiri tampil sama di komputer dan di ponsel.
- 2
Agen menampilkannya saat sudah siap
Setelah file ditulis, agen memanggil view_present dengan path file dan judul singkat. Judul itu menjadi nama blok dan teks notifikasi.
- 3
Baca di mana pun Anda berada
Di komputer, klik blok di atas composer agen: tab Dokumen maju ke depan dan halaman terbuka. Klik notifikasi melakukan hal yang sama dari mana saja di aplikasi. Saat jauh dari komputer, ketuk notifikasi push di ponsel Anda.
- 4
Minta perubahan
Beri tahu agen apa yang harus diubah. Ia menulis ulang file dan menampilkannya lagi: blok diperbarui, dan versi sebelumnya tetap ada di Dokumen.
Apa bedanya dengan artifact Claude
Claude memiliki artifact sendiri. Di claude.ai dan di Claude Code, halaman dipublikasikan ke layanan Claude dan dibaca di browser, dengan tautan yang bisa dibuka orang-orang di organisasi Anda. Itu cocok jika tujuannya membagikan halaman, dan fitur itu milik Claude: CLI lain yang Anda jalankan tidak mendapatkannya.
Di sini halaman tetap berupa file biasa di komputer Anda. CLI apa pun yang memiliki klien MCP bisa menampilkannya, tidak ada yang diunggah, dan file bisa berada di repositori Anda di samping kode yang menghasilkannya. Ponsel Anda membacanya melalui koneksi terenkripsi end-to-end yang sama dengan bagian aplikasi lainnya.
Keduanya tidak bersaing. Gunakan artifact Claude saat Anda memerlukan tautan untuk dikirim ke rekan kerja, dan yang ini saat Anda menjalankan beberapa CLI dan ingin melihat hasil kerja mereka di tempat Anda sudah berada.
Batasan
- Tidak ada tautan berbagi: halamannya adalah file di komputer Anda. Untuk mengirimkannya kepada seseorang, kirim file-nya.
- Aplikasi desktop harus berjalan, karena aplikasi itu menyimpan file dan menampilkan blok. Ponsel membaca halaman melaluinya.
- Ponsel menerima halaman sebagai satu dokumen, sehingga tidak bisa memuat file di sampingnya. Di komputer, halaman bisa memakai gambar, stylesheet, skrip, dan data di sebelahnya. Simpan semuanya dalam satu file jika Anda ingin hasil yang sama di keduanya.
- Alat ini menjangkau agen melalui MCP, jadi Aider, yang tidak memiliki klien MCP, membiarkan path file di jawabannya.
- Skrip sebuah halaman berjalan di komputer Anda dan bisa mengakses jaringan. Perlakukan halaman yang tidak Anda minta seperti program yang tidak Anda tulis. File yang tampak berisi rahasia akan ditolak.
- Asisten pribadi tidak memiliki panel Dokumen: klik pada bloknya membuka halaman di pratinjaunya sendiri.
Pertanyaan yang sering diajukan
Apakah Codex punya artifact seperti Claude?
Di AgentsRoom, ya: agen Codex bisa menampilkan halaman HTML yang ditulisnya dengan alat yang sama seperti Claude Code. Halaman muncul sebagai blok di atas composer, terbuka dengan sekali klik, dan sampai ke ponsel Anda. Ini berjalan di komputer Anda, jadi tidak perlu akun di layanan hosting.
Apakah ini alternatif untuk artifact Claude?
Untuk melihat hasil kerja agen, ya, dan ini berfungsi dengan CLI apa pun yang memiliki klien MCP. Untuk berbagi, tidak: artifact Claude memberi Anda tautan untuk organisasi Anda, sedangkan di sini halaman tetap menjadi file di komputer Anda.
Bagaimana cara melihat pratinjau file HTML yang ditulis agen saya?
Minta agen menampilkannya kepada Anda: ia memanggil view_present, dan klik pada blok di atas composer membuka halaman, sudah dirender. Anda juga bisa membuka file HTML apa pun sendiri dari tautan file di jawaban agen atau dari tab File di panel kanan. Skrip berjalan, jadi grafik yang dihasilkan tergambar.
Apakah halaman atau data saya melewati server?
Halamannya tidak: halaman tetap berupa file di komputer Anda, dan ponsel membacanya melalui koneksi terenkripsi end-to-end ke desktop Anda. Notifikasi push melewati layanan push dan membawa judul yang Anda lihat di notifikasi itu, nama agen dan proyek, serta path file di dalam proyek.
Apakah ini akan mengganggu pekerjaan saya?
Tidak. Halaman tidak pernah terbuka dengan sendirinya: ia menunggu sebagai blok di atas composer agen sampai Anda mengkliknya. Jika Anda tidak sedang melihat agen itu, Anda juga mendapat notifikasi dan notifikasi push. Keduanya mengikuti pengaturan notifikasi Anda, dan satu agen mengumumkan paling banyak satu halaman per menit.
Anda mungkin juga suka
Diagram Mermaid
Claude Code dan Codex menulis diagram Mermaid sebagai teks yang hanya bisa dicetak terminal. AgentsRoom menggambarnya di tempat Anda membaca agen: chat, file .md, rencana, tiket.
Tampilan percakapan
Tampilan chat untuk Claude Code, Codex, dan lima CLI agen lainnya: sesi dibaca dari transkrip milik CLI itu sendiri, panggilan alat dilipat, jawaban langsung, di desktop dan ponsel.
Tinjauan rencana
Agen Anda mengusulkan rencana: baca seperti dokumen, komentari, ganti, atau hapus bagian mana pun, lalu setujui atau kirim balik dalam satu pesan. Setiap versi disimpan.
MCP Dashboard
Pelajari Model Context Protocol (MCP), pahami server MCP dan klien MCP, dan temukan bagaimana AgentsRoom menjadi MCP dashboard visual untuk Claude Code agent yang menggunakan server MCP. Jalankan alur kerja MCP multi-agent, debug koneksi MCP dengan --mcp-debug, dan pantau setiap sesi Claude Code bertenaga MCP secara real time.
Lihat apa yang dibuat agen Anda
Unduh AgentsRoom untuk macOS, Windows, atau Linux, lalu minta agen mana pun membuat dashboard sebagai satu file HTML dan menampilkannya kepada Anda.
Aplikasi pendamping: pantau agen Anda saat bepergian
Gunakan Claude, Codex, Antigravity CLI, atau penyedia AI lainnya.
Kirim bug dan permintaan langsung ke backlog publik Anda.