AI 에이전트에게 “다음 달 예산을 짜줘”라고 물었을 때, 텍스트 답변 대신 슬라이더와 차트가 달린 예산 입력 폼이 바로 나타난다면 어떨까요? 이게 가능하려면 에이전트가 단순히 말을 잘하는 것을 넘어, 앱 화면을 직접 만들 수 있어야 합니다. Google이 그 방법의 표준을 제안했습니다.

Google이 AI 에이전트용 생성형 UI 표준 A2UI(Agent-to-UI) v0.9를 공개했습니다. 에이전트가 대화 맥락에 맞는 UI 컴포넌트를 실시간으로 생성하는 표준 프로토콜로, 웹·모바일·데스크탑을 가리지 않고 기존 앱의 디자인 시스템 위에서 작동합니다.

출처: A2UI v0.9: The New Standard for Portable, Framework-Agnostic Generative UI – Google Developers Blog

AI 에이전트가 UI를 만든다는 게 무슨 의미인가

지금까지 AI 에이전트의 출력은 텍스트였습니다. 아무리 정확한 답을 줘도, 사용자는 그 내용을 직접 보고 해석한 다음 앱의 버튼을 눌러야 했습니다. 에이전트와 UI 사이에는 항상 사람이 끼어 있었습니다.

A2UI는 이 간격을 없애려는 시도입니다. 에이전트가 UI “의도(intent)”를 공통 언어로 표현하면, 각 플랫폼의 렌더러가 그것을 실제 화면 컴포넌트로 변환합니다. 핵심은 에이전트가 새로운 UI를 만드는 게 아니라, 이미 앱에 있는 컴포넌트 카탈로그를 상황에 맞게 골라 조합한다는 점입니다. 디자인 시스템을 바꿀 필요도, 새 컴포넌트를 만들 필요도 없습니다.

어떻게 작동하는가

A2UI의 흐름은 크게 네 단계입니다.

1. 카탈로그 정의: 앱이 보유한 컴포넌트 목록(슬라이더, 차트, 폼 등)을 에이전트에게 알려줍니다.
2. 에이전트 요청 해석: 사용자의 요청을 받은 에이전트가 어떤 컴포넌트를 어떤 순서로 보여줄지 결정합니다.
3. UI 스트리밍: 결정된 컴포넌트 구성이 JSON 형태로 스트리밍되어 클라이언트로 전달됩니다. JSON이 완성되길 기다리지 않고, 생성되는 즉시 화면에 렌더링됩니다.
4. 렌더러 출력: React, Flutter, Angular, Lit 등 각 플랫폼의 렌더러가 JSON을 실제 UI로 변환합니다.

v0.9에서 추가된 “클라이언트 정의 함수”는 폼 유효성 검사처럼 클라이언트 측에서만 처리해야 하는 로직을 에이전트와 분리해서 다룰 수 있게 해줍니다. 클라이언트-서버 데이터 동기화 기능도 추가되어 에이전트와 사용자가 같은 화면을 동시에 편집하는 시나리오도 가능해졌습니다.

실제로 어디에 쓰이고 있나

Google은 이미 두 가지 실제 앱 사례를 공개했습니다.

Rebel App Studio가 만든 Personal Health Companion은 분산된 의료 기록과 웨어러블 데이터를 하나의 채팅 인터페이스로 통합합니다. 사용자가 “오늘 혈압 어때?”라고 물으면 에이전트가 관련 데이터를 담은 위젯을 그 자리에서 생성해 보여줍니다.

Very Good Ventures의 Life Goal Simulator는 금융 앱에서 A2UI를 활용한 사례입니다. “은퇴 자금 목표를 설정하고 싶어”라는 입력에 Gemini가 슬라이더, 막대 차트, 다중 선택 위젯을 조합한 시뮬레이터 화면을 실시간으로 만들어냅니다.

에코시스템도 빠르게 확장 중입니다. AutoGen을 만든 팀의 AG2가 A2UI를 네이티브 통합으로 지원하고, Vercel의 json-renderer와 Oracle의 Agent Spec도 A2UI를 품었습니다. MCP, WebSocket, REST 등 다양한 전송 방식 위에서 작동하도록 설계되어 있어 기존 에이전트 인프라와의 결합도 유연합니다.

데모에서 실제 제품으로

생성형 UI 자체는 새로운 개념이 아닙니다. 에이전트가 HTML을 뚝딱 만들어내는 시도는 이전에도 많았습니다. A2UI가 다른 지점은 “에이전트가 새 UI를 만드는 것”이 아니라 “기존 디자인 시스템을 에이전트가 다룰 수 있게 하는 것”을 목표로 삼는다는 점입니다.

이 접근은 현실적입니다. 실제 프로덕트에는 이미 디자인 시스템과 컴포넌트 라이브러리가 있고, 그것을 버리고 처음부터 다시 만드는 것은 현실적이지 않습니다. A2UI는 그 기반 위에서 에이전트가 동작할 수 있는 레이어를 추가하는 전략입니다.

아직 v0.9로 표준화 과정이 진행 중이며, MCP 앱 통합 강화와 PII 처리 지원 등이 로드맵에 올라 있습니다. 에이전트와 UI가 어떻게 결합되는지에 관심이 있다면 원문에서 실제 작동 데모와 오픈소스 샘플을 확인할 수 있습니다.