Claude Code, Codex,
그 밖의 모든 에이전트 CLI를 위한 아티팩트
에이전트가 대시보드, 차트, 보고서를 만듭니다. 터미널에 파일 경로만 남기는 대신 페이지를 직접 보여 줍니다: 클릭 한 번으로 열리는 입력창 위의 블록, 그리고 휴대폰에서 페이지를 여는 푸시 알림으로요.
MCP 클라이언트가 있는 모든 에이전트 CLI를 위한 하나의 도구로, macOS, Windows, Linux에서 똑같이 작동합니다. 호스팅 서비스도, 특정 업체의 계정도 필요 없습니다: 페이지는 내 컴퓨터에 있는 파일이고, 그대로 그곳에 남습니다.
view_present( path: "reports/q3.html", title: "Q3 dashboard" )
에이전트가 도구 하나를 호출하면 페이지가 입력창 위에 블록으로 나타나고, 문서 탭의 문서가 하나 늘어납니다.
에이전트는 질문을 페이지로 바꾸는 데 능숙합니다: 테스트 실행 대시보드, 마이그레이션 차트, 세 가지 선택지를 비교한 보고서처럼요. 그런데 그 페이지는 터미널 어딘가의 파일 경로로 끝나고, 직접 찾아서 열면서 맞는 파일을 골랐기를 바라야 합니다.
AgentsRoom은 이 마지막 단계를 위한 도구를 모든 에이전트에게 제공합니다. 페이지가 준비되면 에이전트는 경로와 제목을 지정해 view_present를 호출합니다. 그러면 그 에이전트의 입력창 위에 블록이 나타납니다. 클릭하면 문서 탭이 앞으로 나오고 페이지가 렌더링된 상태로 열리며, 차트도 작동합니다. 휴대폰에서는 푸시 알림이 같은 페이지를 엽니다.
CLI에 좌우되지 않습니다. 이 도구는 AgentsRoom MCP 서버에 있고, 앱이 MCP 클라이언트가 있는 모든 에이전트를 여기에 연결하므로, Codex의 페이지도 Claude Code의 페이지와 똑같이 작동합니다. 이를 위해 컴퓨터 밖으로 나가는 것은 없습니다.
에이전트가 페이지를 보여 줄 때 일어나는 일
에이전트가 작성한 페이지는 어떤 CLI가 작성했든 똑같이 다뤄집니다.
모든 CLI에서 같은 동작
Claude Code, Codex, Antigravity CLI, Kimi Code 등이 같은 도구를 호출하고 같은 결과를 얻습니다. CLI를 바꿔도 결과물을 받는 방식은 달라지지 않습니다.
입력창 위의 블록
문서는 에이전트와 대화하고 있는 바로 그곳에, 제목과 도착한 지 얼마나 됐는지를 함께 표시하며 나타납니다. 클릭 한 번으로 열리고, 닫기 아이콘으로 블록을 치울 수 있으며, 문서는 문서 패널에 남습니다.
화면을 빼앗지 않습니다
아무것도 앞으로 나오지 않고 터미널 탭도 생기지 않으므로, 입력 중인 패널은 그대로 유지됩니다. 다른 에이전트나 다른 프로젝트에서 작업 중이라면 블록이 기다리고, 알림이 그 사실을 알려 줍니다.
휴대폰에서 탭 한 번으로
컴퓨터에서 떨어져 있을 때는 푸시 알림이 에이전트, 프로젝트, 페이지 이름을 알려 줍니다. 탭하면 AgentsRoom 앱에서 그 에이전트의 콘솔 위로 페이지가 열립니다.
문서에 보관
모든 페이지는 프로젝트의 문서 패널에 추가되며, 탭에 개수가 표시됩니다. 파일을 새로 보여 줄 때마다 버전으로 보관되고, 이를 만든 에이전트, 프로바이더, 모델도 함께 남습니다.
HTML만이 아닙니다
HTML 페이지는 자체 스크립트를 실행하므로 생성된 차트가 작동합니다. 같은 도구로 이미지, SVG, PDF, Markdown 파일, CSV 표도 소스가 아니라 렌더링된 형태로 보여 줍니다.
사용 방법
설치할 것도 켤 것도 없습니다. 요청에서 페이지까지 네 단계입니다.
- 1
페이지 요청하기
어떤 에이전트에게든 평범한 말로 요청합니다: 이 결과로 대시보드를 HTML 파일 하나로 만들어서 보여 줘. 파일 하나로 요청하는 것이 중요한데, CSS, 스크립트, 데이터가 안에 들어 있는 페이지는 컴퓨터와 휴대폰에서 똑같이 렌더링되기 때문입니다.
- 2
준비되면 에이전트가 보여 줍니다
파일을 다 쓰면 에이전트는 경로와 짧은 제목을 지정해 view_present를 호출합니다. 제목은 블록 이름과 알림 문구가 됩니다.
- 3
있는 곳에서 읽기
컴퓨터 앞이라면 에이전트의 입력창 위에 있는 블록을 클릭합니다: 문서 탭이 앞으로 나오고 페이지가 열립니다. 알림을 클릭하면 앱 어디서든 똑같이 됩니다. 자리를 비웠다면 휴대폰에서 푸시 알림을 탭합니다.
- 4
수정 요청하기
무엇을 바꿀지 에이전트에게 말합니다. 에이전트가 파일을 다시 쓰고 다시 보여 줍니다: 블록이 업데이트되고, 이전 버전은 문서 패널에 남습니다.
Claude 아티팩트와 다른 점
Claude에는 자체 아티팩트가 있습니다. claude.ai와 Claude Code에서는 페이지가 Claude 서비스에 게시되어 브라우저에서 읽히고, 조직 구성원이 열 수 있는 링크가 제공됩니다. 페이지를 공유하는 것이 목적이라면 잘 맞지만, 이는 Claude에 속한 기능입니다: 함께 쓰는 다른 CLI에서는 쓸 수 없습니다.
여기서는 페이지가 내 컴퓨터의 평범한 파일로 남습니다. MCP 클라이언트가 있는 어떤 CLI든 보여 줄 수 있고, 아무것도 업로드되지 않으며, 파일은 그것을 만든 코드 옆에 저장소 안에 둘 수 있습니다. 휴대폰은 앱의 다른 부분과 같은 종단 간 암호화 연결로 이를 읽습니다.
둘은 경쟁하지 않습니다. 동료에게 보낼 링크가 필요하면 Claude 아티팩트를, 여러 CLI를 실행하면서 그 결과물을 지금 있는 곳에서 보고 싶다면 이것을 쓰세요.
제한 사항
- 공유 링크는 없습니다: 페이지는 내 컴퓨터에 있는 파일입니다. 누군가에게 보내려면 파일을 보내세요.
- 파일을 보관하고 블록을 보여 주는 것이 데스크톱 앱이므로 앱이 실행 중이어야 합니다. 휴대폰은 이 앱을 통해 페이지를 읽습니다.
- 휴대폰은 페이지를 하나의 문서로 받으므로 그 옆에 있는 파일을 불러올 수 없습니다. 컴퓨터에서는 페이지가 같은 위치의 이미지, 스타일시트, 스크립트, 데이터를 쓸 수 있습니다. 양쪽에서 같은 결과를 원한다면 모든 것을 파일 하나에 담으세요.
- 이 도구는 MCP를 통해 에이전트에 닿으므로, MCP 클라이언트가 없는 Aider는 답변에 파일 경로를 남깁니다.
- 페이지의 스크립트는 내 컴퓨터에서 실행되며 네트워크에 접근할 수 있습니다. 요청하지 않은 페이지는 직접 작성하지 않은 프로그램처럼 다루세요. 비밀 정보가 들어 있는 것으로 보이는 파일은 거부됩니다.
- 개인 어시스턴트에는 문서 패널이 없습니다: 블록을 클릭하면 자체 미리 보기에서 페이지가 열립니다.
자주 묻는 질문
Codex에도 Claude처럼 아티팩트가 있나요?
AgentsRoom에서는 그렇습니다: Codex 에이전트는 자신이 작성한 HTML 페이지를 Claude Code와 같은 도구로 보여 줄 수 있습니다. 페이지는 입력창 위에 블록으로 나타나고, 클릭 한 번으로 열리며, 휴대폰까지 전달됩니다. 내 컴퓨터에서 실행되므로 호스팅 서비스 계정이 필요 없습니다.
Claude 아티팩트의 대안인가요?
에이전트의 결과물을 보는 용도라면 그렇고, MCP 클라이언트가 있는 어떤 CLI에서든 작동합니다. 공유 용도라면 아닙니다: Claude 아티팩트는 조직용 링크를 제공하지만, 여기서는 페이지가 내 컴퓨터의 파일로 남습니다.
에이전트가 작성한 HTML 파일은 어떻게 미리 보나요?
에이전트에게 보여 달라고 요청하세요: view_present를 호출하고, 입력창 위의 블록을 클릭하면 페이지가 렌더링된 상태로 열립니다. 에이전트 답변의 파일 링크나 오른쪽 패널의 파일 탭에서 어떤 HTML 파일이든 직접 열 수도 있습니다. 스크립트가 실행되므로 생성된 차트도 그려집니다.
내 페이지나 데이터가 서버를 거치나요?
페이지는 거치지 않습니다: 내 컴퓨터의 파일로 남고, 휴대폰은 데스크톱으로 연결되는 종단 간 암호화 연결로 이를 읽습니다. 푸시 알림은 푸시 서비스를 거치며, 알림에 보이는 제목, 에이전트와 프로젝트 이름, 프로젝트 내 파일 경로를 담고 있습니다.
하던 일을 방해하나요?
아닙니다. 페이지는 절대 저절로 열리지 않습니다: 클릭할 때까지 에이전트의 입력창 위에서 블록으로 기다립니다. 그 에이전트를 보고 있지 않다면 알림과 푸시 알림도 받습니다. 둘 다 알림 설정을 따르며, 에이전트는 1분에 최대 한 페이지만 알립니다.
함께 보면 좋은 기능
Mermaid 다이어그램
Claude Code와 Codex는 Mermaid 다이어그램을 터미널이 출력만 할 수 있는 텍스트로 씁니다. AgentsRoom은 에이전트를 읽는 곳에서 이를 그립니다: 채팅, .md 파일, 계획, 티켓.
대화 보기
Claude Code, Codex 외 에이전트 CLI 5개를 위한 채팅 보기: CLI 자체의 트랜스크립트에서 읽은 세션, 접힌 도구 호출, 실시간 답변을 데스크톱과 휴대폰에서.
계획 리뷰
에이전트가 계획을 제안하면 문서처럼 읽고, 어느 부분이든 댓글을 달거나 바꾸거나 삭제한 뒤, 메시지 하나로 승인하거나 되돌려 보내세요. 모든 버전이 보관됩니다.
MCP 대시보드
Model Context Protocol(MCP)을 배우고, MCP 서버와 MCP 클라이언트를 이해하며, AgentsRoom이 MCP 서버를 사용하는 Claude Code 에이전트를 위한 비주얼 MCP 대시보드가 되는 방법을 발견하세요. 멀티 에이전트 MCP 워크플로우를 실행하고, --mcp-debug로 MCP 연결을 디버그하며, 모든 MCP 기반 Claude Code 세션을 실시간으로 모니터링하세요.
에이전트가 만드는 것을 확인하세요
macOS, Windows 또는 Linux용 AgentsRoom을 다운로드한 다음, 어떤 에이전트에게든 대시보드를 HTML 파일 하나로 만들어 보여 달라고 요청하세요.
컴패니언 앱: 이동 중에도 에이전트를 모니터링
Claude, Codex, Antigravity CLI 또는 다른 AI 공급자를 사용하세요.
버그와 요청을 공개 백로그로 바로 보내세요.