AI에게 Visual Output을 위한 공간을 제공하세요
Source: Dev.to
현재 상황
AI 에이전트에게 콘텐츠 캘린더를 만들어 달라고 하면, 채팅 창에 마크다운 테이블이 그대로 표시됩니다—텍스트로 이루어진 행과 열을 눈으로 확인하고, 복사해서 다른 곳에 붙여넣어야 합니다.
대시보드를 달라고 하면, 일부 에이전트는 HTML을 생성하고 브라우저에서 열어 주기도 하지만, 그것은 한 대의 컴퓨터에만 국한됩니다. 공유도 못하고 협업도 할 수 없으며, 책상 앞에 있지 않다면 존재하지 않는 것이죠.
예산 내역을 달라고 하면, 달러 기호가 포함된 번호 매긴 리스트가 나옵니다.
출력은 언제나 동일합니다: 채팅 창에 갇힌 텍스트, 어디에도 전달되지 않는 텍스트. 우리는 AI가 다른 모든 면에서 뛰어나기 때문에 이를 용인하지만, 출력은 기본적으로 화려한 문자 메시지에 불과합니다.
이상한 점은 AI가 이보다 훨씬 더 많은 일을 할 수 있다는 것입니다.
- Claude에게 드래그‑앤‑드롭, 색상 코딩, 호버 상태가 포함된 아름다운 인터랙티브 캘린더를 만들어 달라고 하면, 몇 초 만에 HTML과 CSS를 작성합니다.
- GPT에게 애니메이션 진행 바와 실시간 차트가 포함된 대시보드를 만들어 달라고 하면, 땀 한 방울 흘리지 않고 멋진 코드를 생성합니다.
능력은 존재합니다. 이것이 문제는 아니었습니다.
문제는 AI가 출력할 적절한 장소가 없다는 점입니다.
AI는 완벽한 HTML을 작성하고 이를 채팅 메시지의 코드 블록에 던져 넣습니다—복사하고, 파일로 저장하고, 호스팅을 찾아 배포해야 합니다. 물론 Vercel, Netlify 등 호스팅 옵션이 있지만, 그것은 유지하고 싶은 것에 대한 것입니다. 대부분의 에이전트 출력은 일시적입니다: 회의를 위한 빠른 대시보드, 20분 동안만 필요한 예산 내역, 오늘만 사용할 스탠드‑업 보드. 한 번만 쓰고 끝낼 일을 위해 프로젝트를 만들고 배포를 유지하고 싶지는 않죠.
그 모든 과정을 마치기 전에 직접 만들 수도 있었을 겁니다.
AI에게는 원격 캔버스도, URL도, 오버헤드 없이 실제로 공유 가능한 형태로 렌더링할 장소도 없습니다. 그래서 채팅 창이 지원하는 유일한 형식인 텍스트로 기본 설정됩니다.
시각 레이어에 대한 비전
다른 모습을 상상해 보세요.
에이전트에게 마케팅 예산을 추적해 달라고 하면, 다음과 같은 텍스트 덤프 대신:
social ads: $4,200 / $5,000 (84%)
content production: $3,100 / $4,000 (77.5%)
influencer partnerships: $1,800 / $3,000 (60%)시각 레이어가 적용된 대시보드가 표시됩니다. 진행 바, 색상 코딩, 시간에 따른 지출을 보여주는 소진 차트가 포함됩니다. 카테고리를 클릭하면 세부 항목을 볼 수 있습니다. 이 대시보드는 팀 채팅에서 공유할 수 있는 URL에 존재합니다. 모두가 즉시 확인할 수 있으며 로그인이나 별도 설정이 필요 없습니다. 사용이 끝나면 끝입니다.
같은 AI, 같은 능력, 완전히 다른 출력.
- 이전: 에이전트가 Slack에서 일일 스탠드‑업을 요약해 텍스트 단락을 덤프합니다.
- 이후: 실시간 보드—각 사람마다 카드, 상태 태그, 빨간색으로 표시된 차단 요소, 초록색으로 표시된 배포 항목. 링크만 열면 모든 상황을 한눈에 파악할 수 있습니다.
AI가 더 똑똑해진 것이 아니라, 작업을 넣을 장소를 제공했을 뿐입니다.
이것이 지금 에이전트 생태계에서 가장 중요한 누락된 조각인 시각 레이어가 중요한 이유입니다.
gui.new 소개
모두가 메모리, 도구 사용, 멀티‑에이전트 오케스트레이션, 추론 등에 대해 이야기합니다… 물론 그것도 중요합니다. 하지만 우리는 근본적인 출력 레이어를 간과하고 있습니다.
그래서 저는 gui.new 를 만들었습니다.
- 한 번의 API 호출.
- 에이전트가 HTML을 보내면 URL을 반환받습니다.
- 즉시 공유 가능한 페이지—배포도, 호스팅도, 설정도 필요 없습니다.
- 실시간 멀티플레이어 기능이 내장돼 링크를 가진 누구나 같은 화면을 볼 수 있습니다.
에이전트가 그동안 놓치고 있던 시각 레이어입니다.