Artifact cho Claude Code, Codex
và mọi CLI agent khác
Agent của bạn tạo một dashboard, một biểu đồ hoặc một báo cáo. Thay vì để lại đường dẫn tệp trong terminal, nó cho bạn xem trang đó: một khối phía trên composer mở bằng một cú nhấp, và một thông báo đẩy mở trang trên điện thoại.
Một công cụ cho mọi CLI agent có MCP client, giống nhau trên macOS, Windows và Linux. Không dịch vụ hosting, không cần tài khoản của riêng nhà cung cấp nào: trang là một tệp trên máy tính của bạn, và nó ở lại đó.
view_present( path: "reports/q3.html", title: "Q3 dashboard" )
Agent gọi một công cụ, và trang của nó hiện thành một khối phía trên composer, cùng thêm một tài liệu trong tab Tài liệu.
Agent rất giỏi biến một câu hỏi thành một trang: dashboard các lần chạy test, biểu đồ của một migration, báo cáo so sánh ba phương án. Rồi trang đó kết thúc thành một đường dẫn tệp đâu đó trong terminal, và bạn phải tìm ra nó, mở nó và hy vọng mình đã chọn đúng.
AgentsRoom cho mọi agent một công cụ cho bước cuối cùng đó. Khi trang đã sẵn sàng, agent gọi view_present với đường dẫn và tiêu đề. Một khối hiện ra phía trên composer của agent đó. Nhấp vào: tab Tài liệu lên phía trước và trang mở ra, đã được render, với biểu đồ đang chạy. Trên điện thoại, thông báo đẩy mở đúng trang đó.
Điều này không phụ thuộc vào CLI. Công cụ nằm trên server MCP của AgentsRoom, được ứng dụng kết nối với mọi agent có MCP client, nên một trang từ Codex hoạt động y hệt một trang từ Claude Code. Không có gì rời khỏi máy tính của bạn để việc này hoạt động.
Điều gì xảy ra khi agent cho bạn xem một trang
Trang do agent của bạn viết được xử lý như nhau, dù CLI nào viết ra.
Cùng một thao tác trên mọi CLI
Claude Code, Codex, Antigravity CLI, Kimi Code và các CLI khác gọi cùng một công cụ và cho cùng một kết quả. Đổi CLI không làm thay đổi cách bạn nhận công việc của chúng.
Một khối phía trên composer
Tài liệu hiện ngay nơi bạn đang trò chuyện với agent, kèm tiêu đề và thời gian kể từ khi nó đến. Một cú nhấp mở nó, dấu X bỏ khối đi và tài liệu vẫn ở trong Tài liệu.
Không chiếm màn hình của bạn
Không có gì nhảy lên phía trước và không có tab terminal nào xuất hiện, nên khung bạn đang gõ vẫn là của bạn. Nếu bạn đang làm việc với agent khác hoặc dự án khác, khối sẽ chờ bạn và một thông báo cho bạn biết nó đã ở đó.
Trên điện thoại chỉ với một chạm
Khi bạn không ở cạnh máy tính, thông báo đẩy nêu tên agent, dự án và trang. Chạm vào và trang mở trong ứng dụng AgentsRoom, phía trên console của agent đó.
Lưu trong Tài liệu
Mỗi trang đều vào bảng Tài liệu của dự án, tab của bảng này cho biết có bao nhiêu trang. Mỗi lần trình bày mới của một tệp được giữ lại thành một phiên bản, cùng với agent, nhà cung cấp và model đã tạo ra nó.
Không chỉ HTML
Trang HTML chạy script của chính nó, nên biểu đồ được tạo ra vẫn hoạt động. Cùng công cụ đó còn hiển thị hình ảnh, SVG, PDF, tệp Markdown hoặc bảng CSV, ở dạng đã render chứ không phải mã nguồn.
Cách sử dụng
Không cần cài đặt hay bật gì. Bốn bước từ yêu cầu đến trang.
- 1
Yêu cầu một trang
Ở bất kỳ agent nào, hãy yêu cầu bằng lời bình thường: tạo một dashboard của các kết quả này thành một tệp HTML duy nhất và cho tôi xem. Yêu cầu một tệp duy nhất rất quan trọng, vì một trang chứa sẵn CSS, script và dữ liệu bên trong sẽ hiển thị giống nhau trên máy tính và trên điện thoại.
- 2
Agent cho bạn xem khi đã sẵn sàng
Khi tệp đã được viết xong, agent gọi view_present với đường dẫn và một tiêu đề ngắn. Tiêu đề trở thành tên của khối và nội dung của thông báo.
- 3
Đọc ngay nơi bạn đang ở
Ở máy tính, hãy nhấp vào khối phía trên composer của agent: tab Tài liệu lên phía trước và trang mở ra. Một cú nhấp vào thông báo làm điều tương tự từ bất kỳ đâu trong ứng dụng. Khi không ở cạnh máy tính, hãy chạm vào thông báo đẩy trên điện thoại.
- 4
Yêu cầu chỉnh sửa
Nói cho agent biết cần đổi gì. Nó viết lại tệp và cho xem lại: khối được cập nhật, và phiên bản trước vẫn ở trong Tài liệu.
Khác gì so với artifact của Claude
Claude có artifact của riêng mình. Trên claude.ai và trong Claude Code, trang được xuất bản lên dịch vụ của Claude và đọc trong trình duyệt, với một liên kết mà những người trong tổ chức của bạn có thể mở. Điều đó rất phù hợp khi mục đích là chia sẻ trang, và nó thuộc về Claude: các CLI khác bạn dùng không có được nó.
Ở đây trang vẫn là một tệp thường trên máy tính của bạn. Bất kỳ CLI nào có MCP client đều có thể hiển thị trang, không có gì được tải lên, và tệp có thể nằm trong repository của bạn cạnh đoạn code đã tạo ra nó. Điện thoại của bạn đọc trang qua cùng kết nối mã hóa đầu cuối như phần còn lại của ứng dụng.
Hai bên không cạnh tranh nhau. Hãy dùng artifact của Claude khi bạn cần một liên kết để gửi cho đồng nghiệp, và dùng cách này khi bạn chạy nhiều CLI và muốn xem công việc của chúng ngay nơi bạn đang ở.
Giới hạn
- Không có liên kết chia sẻ: trang là một tệp trên máy tính của bạn. Để gửi cho ai đó, hãy gửi tệp.
- Ứng dụng desktop phải đang chạy, vì nó giữ tệp và hiển thị khối. Điện thoại đọc trang thông qua nó.
- Điện thoại nhận trang dưới dạng một tài liệu duy nhất, nên không thể tải các tệp nằm cạnh nó. Trên máy tính, trang có thể dùng hình ảnh, stylesheet, script và dữ liệu nằm cùng thư mục. Hãy giữ mọi thứ trong một tệp nếu bạn muốn cùng một kết quả trên cả hai.
- Công cụ đến được agent qua MCP, nên Aider, vốn không có MCP client, để lại đường dẫn tệp trong câu trả lời.
- Script của trang chạy trên máy tính của bạn và có thể truy cập mạng. Hãy đối xử với một trang bạn không yêu cầu như một chương trình bạn không viết. Tệp trông như chứa thông tin bí mật sẽ bị từ chối.
- Trợ lý cá nhân không có bảng Tài liệu: một cú nhấp vào khối của nó mở trang trong bản xem trước của chính nó.
Câu hỏi thường gặp
Codex có artifact như Claude không?
Trong AgentsRoom thì có: một agent Codex có thể cho bạn xem trang HTML nó đã viết bằng cùng công cụ với Claude Code. Trang hiện thành một khối phía trên composer, mở bằng một cú nhấp và tới điện thoại của bạn. Nó chạy trên máy tính của bạn, nên không cần tài khoản ở dịch vụ hosting nào.
Đây có phải là lựa chọn thay thế cho artifact của Claude không?
Để xem công việc của agent thì có, và nó hoạt động với mọi CLI có MCP client. Để chia sẻ thì không: artifact của Claude cho bạn một liên kết dành cho tổ chức, còn ở đây trang vẫn là một tệp trên máy tính của bạn.
Làm sao để xem trước một tệp HTML do agent viết?
Hãy nhờ agent cho bạn xem: nó gọi view_present, và một cú nhấp vào khối phía trên composer mở trang, đã được render. Bạn cũng có thể tự mở bất kỳ tệp HTML nào từ liên kết tệp trong câu trả lời của agent hoặc từ tab Tệp ở bảng bên phải. Script được chạy, nên biểu đồ được tạo ra sẽ vẽ được.
Trang hoặc dữ liệu của tôi có đi qua server không?
Trang thì không: nó vẫn là một tệp trên máy tính của bạn, và điện thoại đọc nó qua kết nối mã hóa đầu cuối tới máy desktop của bạn. Thông báo đẩy đi qua một dịch vụ push và mang theo tiêu đề bạn thấy trên đó, tên agent và dự án, cùng đường dẫn của tệp trong dự án.
Nó có làm gián đoạn việc tôi đang làm không?
Không. Trang không bao giờ tự mở: nó chờ dưới dạng một khối phía trên composer của agent cho đến khi bạn nhấp vào. Nếu bạn không xem agent đó, bạn còn nhận một thông báo cùng một thông báo đẩy. Cả hai đều theo cài đặt thông báo của bạn, và mỗi agent chỉ báo tối đa một trang mỗi phút.
Có thể bạn cũng thích
Sơ đồ Mermaid
Claude Code và Codex viết sơ đồ Mermaid dưới dạng văn bản mà terminal chỉ in ra được. AgentsRoom vẽ chúng ngay nơi bạn đọc agent: chat, tệp .md, kế hoạch, ticket.
Chế độ xem hội thoại
Giao diện chat cho Claude Code, Codex và năm CLI agent khác: phiên làm việc đọc từ bản ghi hội thoại của chính CLI, lệnh gọi công cụ được thu gọn, câu trả lời trực tiếp, trên desktop và điện thoại.
Duyệt kế hoạch
Agent của bạn đề xuất một kế hoạch: đọc nó như một tài liệu, bình luận, thay thế hoặc xóa bất kỳ đoạn nào, rồi phê duyệt hoặc gửi trả lại trong một tin nhắn. Mọi phiên bản đều được lưu.
MCP Dashboard
Tìm hiểu Model Context Protocol (MCP), hiểu server MCP và client MCP, và khám phá cách AgentsRoom trở thành MCP dashboard trực quan cho Claude Code agent sử dụng server MCP. Chạy quy trình MCP đa agent, debug kết nối MCP với --mcp-debug và theo dõi mọi phiên Claude Code dùng MCP theo thời gian thực.
Xem các agent của bạn tạo ra gì
Tải AgentsRoom cho macOS, Windows hoặc Linux, rồi nhờ bất kỳ agent nào tạo một dashboard thành một tệp HTML duy nhất và cho bạn xem.
Ứng dụng đồng hành: theo dõi agent khi đi đường
Sử dụng Claude, Codex, Antigravity CLI hoặc nhà cung cấp AI khác.
Gửi lỗi và yêu cầu thẳng vào backlog công khai của bạn.